如何在HTML中编辑按钮大小?使用HTML设计按钮之类的东西不是首选的方式。(1999年我开始建网站的时候,我们就是这么做的,但是现在有更好的方法了。)
我假定您不熟悉CSS以及如何将CSS文件导入到HTML文件中(不过我建议您在有一点时间修改代码并自学一些知识时,可以在谷歌上搜索一下)。
所以,这是我能想到的最好的方式来完成你想做的事情,基于我认为你已经拥有的知识:
<button style=”width: 150px;”>PUT SOME TEXT HERE!</button>
只要把“150”改成你想要的这个按钮的宽度。你也可以尝试“宽度:20%;”然后把“20”改成你想要的。“20%”意味着按钮宽度为你的视图端口(也就是你的屏幕)的20%。
显然,改变“在这里输入一些文本!”对任何你希望按钮说的话,比如,“订阅!”或者“你自己试试!””之类的。
为按钮定义类。它会随着在anchor
,button
或input
标签。
<a href="#" class="button" target=" _self">Submit</a>
要么
<button class="button">Submit</button>
要么
<input type="button" class="button" value="Submit" />
类名称按钮的编写样式。
<style>
.button {
height: 50px;
width: 100px;
}
</style>
但是,如果您想对页面上的每个按钮使用此类。然后使用填充。如果您固定了按钮的高度和宽度,则文本可能会溢出或位于按钮外部,以用于按钮名称的不同使用。
.button {
padding: 10px 15px;
}