html中如何修改的按钮文字

html中如何修改的按钮文字,第1张

<input name="" type="button" value="按钮的名字修改这里">

<button>按钮的名字修改这里</button>

html有这两种按钮,修改里面的文字就可以了

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

html:

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

css:

input#thank_btn {border:nonebackground:url(图片途径) no-repeat center topdisplay:blocktext-indent:-300pxoverflow:hidden}

注意:

1.要去除button的默认边框

2.要设置为block块元素

3.使用text-indent缩进为负值,是默认文字溢出,然后配合overflow来隐藏超出的文字

4.背景图片需要设计好尺寸,如:80px*30px的按钮图片!

意义:

首先呢,他是一个按钮,其次,他有对应的文字,这一点,符合SEO的一些建议。(页面最直接的验证是去除css后你的页面应该不缺少文字信息)

另外,因为是图片做的,因此,他的样式和字体可以随意修改。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7482772.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存