如何在HTML中编辑按钮大小?

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

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

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

<button style=”width: 150px;”>PUT SOME TEXT HERE!</button>

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

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

为按钮定义类。它会随着在anchorbuttoninput标签。

<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;
}

如何在HTML中编辑按钮大小?

本文最后更新时间:2020-07-13 20:02:34

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

友情链接:精油网 济南生活百科 册册睿 宠物博客