注册账号 | 忘记密码
可以使用text-decoration属性
text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式text-decoration:underline 下划线样式text-decoration:line-through 删除线样式-贯穿线样式text-decoration:overline 上划线样式
1.新建一个html文件，命名为test.html。
2.在test.html文件内，使用p标签创建一行文字，文字内容为“用css在字的中间加一条横线”。
3.在test.html文件内，给p标签设置class属性，属性值为myp，主要用于下面通过该class来设置css样式。
4.在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5.在css标签内，通过p标签的class属性myp来设置p标签内文字的css样式，样式写在花括号内。
6.在css标签内，在花括号内，将text-decoration属性设置为line-through，实现给文字中间加一条横线的效果。
7.在浏览器打开test.html文件，查看实现的效果。
方法：1、给元素设置“text-decoration:underline;color:颜色值”样式即可；2、使用border-bottom属性，只需要给元素设置“border-bottom:大小 样式 颜色”样式即可。
第一个就是给标签加上一个text-decoration:underline，属性，设置下划线的颜色需要设置元素的color属性，缺点是文字颜色和下划线颜色是一致的，不能单独控制。
以上就是关于“html横线怎么加字”的全部内容，希望能帮到你！
本站所载信息仅供交流参考，不代表本站赞同其观点或证实其内容的真实性。对信息的准确性、完整性及时效性不作任何保证，用户应自行判断并承担风险。访问本站即视为同意本声明。如发现内容错误或侵犯您的权益，请及时联系 349188881@qq.com，我们将在24小时内核实处理。
健康幸福网
地址：辽宁省沈阳市国家电子商务示范基地
邮箱：349188881@qq.com