如何在HTML中编辑按钮大小?使用HTML设计按钮之类的东西不是首选的方式。(1999年我开始建网站的时候,我们就是这么做的,但是现在有更好的方法了。)

我假定您不熟悉CSS以及如何将CSS文件导入到HTML文件中(不过我建议您在有一点时间修改代码并自学一些知识时,可以在谷歌上搜索一下)。

所以,这是我能想到的最好的方式来完成你想做的事情,基于我认为你已经拥有的知识:

PUT SOME TEXT HERE!

只要把“150”改成你想要的这个按钮的宽度。你也可以尝试“宽度:20%;”然后把“20”改成你想要的。“20%”意味着按钮宽度为你的视图端口(也就是你的屏幕)的20%。

显然,改变“在这里输入一些文本!”对任何你希望按钮说的话,比如,“订阅!”或者“你自己试试!””之类的。

为按钮定义类。它会随着在anchor,button或input标签。

Submit

要么

Submit

要么

类名称按钮的编写样式。

.button {

height: 50px;

width: 100px;

}

但是,如果您想对页面上的每个按钮使用此类。然后使用填充。如果您固定了按钮的高度和宽度,则文本可能会溢出或位于按钮外部,以用于按钮名称的不同使用。

.button {

padding: 10px 15px;

}

html按钮怎么修改大小设置吗,如何在HTML中编辑按钮大小?相关推荐

  1. flutter的按钮如何变为不可选中_如何在Flutter中禁用按钮?

    小编典典 我想你可能要出台一些辅助功能,以build您的按钮 ,以及与一些属性键关机的沿有状态的部件. 使用StatefulWidget / State并创建一个变量来保存您的条件(例如isButto ...

  2. python列表有固定大小吗_如何在python中创建固定大小的列表?

    (tl:dr:对您的问题的确切答案是numpy.empty或numpy.empty_like,但是您可能不在乎,可以使用myList = [None]*10000.) 简单方法 您可以将列表初始化为所 ...

  3. 如何在php中定义按钮,ppt中怎么插入自定义动作按钮

    ppt插入自定义动作按钮: 打开幻灯片文件,然后在菜单栏中点击插入,打开插入工具栏,之后在插入工具栏中选择形状工具,如下图所示: 点击形状工具后,就打开所有预置的形状列表,如下图所示,选择我们需要的形 ...

  4. outlook附件大小限制_如何在Outlook中调整大图片附件的大小

    outlook附件大小限制 When you have to send someone a large image file through email, it's a good idea to re ...

  5. wordpress标题设置_如何在WordPress中的帖子标题中添加赞助的帖子前缀

    wordpress标题设置 Often you see bloggers publish sponsored posts on their blog. Recently one of our user ...

  6. linux可以修改日期格式吗,如何在Linux中使用date命令修改日期时间

    Linux中可使用date命令查看修改日期及时间,本例中以CentOS6为例说明. 1.直接输入"date"可查看当前系统日期及时间(普通用户即可执行此命令). 2.输入" ...

  7. chrome修改摄像头权限_如何在Chrome中更改网站的摄像头和麦克风权限

    chrome修改摄像头权限 Google Chrome lets you manage which individual sites can have access to your microphon ...

  8. android 字体大小属于什么类型,聊聊 Android 中的字体大小适配

    本篇文章已授权微信公众号 guolin_blog(郭霖)独家发布 前言 虽然去年写的一篇文章[一种非常好用的Android屏幕适配]就包含字体大小适配,但那篇文章讲的是根据不同屏幕尺寸来适配字体大小的 ...

  9. html字体怎么设置大写,如何在html中设置字体的属性

    如何在html中设置字体的属性 发布时间:2021-06-08 17:45:33 来源:亿速云 阅读:72 作者:Leah 这篇文章给大家介绍如何在html中设置字体的属性,内容非常详细,感兴趣的小伙 ...

最新文章

  1. cv_bridge中的编码模式与实现
  2. Makefile学习资料及书籍推荐
  3. python中的列表和元组_百度资讯搜索_python中的列表和元组
  4. javascript中NaN属性、null对象、Number对象、Object对象
  5. Android Tensorflow Lite最佳做法和优化
  6. mysql管理密码修改及管理权限设定(zz)
  7. 线性代数及其应用(part2)--特征方程
  8. c语言编程运行符号是什么,c语言编程用的符号有哪些
  9. 网络RJ45接口详解
  10. 虚拟服务器软件 海光,海光校园虚拟服务器管理软件技术参数
  11. 学习Java. 基础 17: 二维数组
  12. open gl太阳系简单实现
  13. 不可忽视的UPS电源电池除尘
  14. E4A易安卓计次循环和变量循环及数组
  15. mini2440 linux 内存布局
  16. ORACLE sqlplus命令
  17. (附源码)计算机毕业设计ssm高校勤工助学管理系统
  18. 机架式交换机到底是干什么的
  19. 漫漫Java学习路,第五天
  20. 计算机网络第07章在线测试,《网上学习导论》第07章在线测试2019郑州大学远程教育...

热门文章

  1. 远程桌面、云办公与云游戏的多种解决方案(由简入深)
  2. Vite打包项目提示“some chunks are larger than 500 kib....“
  3. Kotlin实现Banner广告轮播功能
  4. Java多线程-新特征-阻塞队列ArrayBlockingQueue
  5. Python实现文件管理系统
  6. 问题:CDH平台Hbase的Master无法启动问题,Failed to create or set permission on staging directory
  7. 目瞪口呆!任正非真实身价曝光:超马云马化腾李彦宏之和
  8. ORACLE存储过程使用数组
  9. Power BI DAX函数学习:YEARFRAC
  10. 【bind()函数】JavaScript手写bind()及详解-超详细~~~