html怎么在文字两边插入横线_CSS学习

资料来源：网络整理时间：2023/3/4 1:12:49 共计：3604 浏览

html怎么在文字两边插入横线？

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文件，查看实现的效果。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。