html中设置按钮中字体除了用css(font-size),还有什么方法?谢谢

发布网友发布时间：2022-04-24 16:02

共4个回答

热心网友时间：2022-05-12 20:56

在不能保证每个人的电脑都和你的电脑一样的配置（安装很多个性化字体，使用高版本浏览器）的情况下！可以用图片啊（不是image-button）~例如：

html：
<input type="button" id="thank_btn" value="谢谢" />

css:
input#thank_btn {border:none;background:url(图片途径) no-repeat center top;display:block;text-indent:-300px;overflow:hidden;}

注意：
1.要去除button的默认边框
2.要设置为block块元素
3.使用text-indent缩进为负值，是默认文字溢出，然后配合overflow来隐藏超出的文字
4.背景图片需要设计好尺寸，如：80px*30px的按钮图片！

意义：
首先呢，他是一个按钮，其次，他有对应的文字，这一点，符合SEO的一些建议。（页面最直接的验证是去除css后你的页面应该不缺少文字信息）
另外，因为是图片做的，因此，他的样式和字体可以随意修改。

热心网友时间：2022-05-12 22:14

标签规定文本的字体、大小和颜色。

所以还可以在字的两边这样写
谢谢
字体为浏览器未添加样式时默认大小
想要改变字体大小的话，写

size中的数值从-6至7，0除外

但目前的html5 已不支持标签，所以最好还是在css 样式中用font-size设置字体，以免出现问题

热心网友时间：2022-05-12 23:49

不好意思，是在style里面的，试试这个谢谢

热心网友时间：2022-05-13 01:40

可以用图片
可以设置line-height