如何使用CSS在水平线中间添加文字?

html-css04

如何使用CSS在水平线中间添加文字?,第1张

如何使用CSS将文字显示在水平线中间?下面本篇文章就来给大家介绍使用CSS实现文字显示在水平线中间效果的方法,希望对大家有所帮助。

CSS提供了在网页中间制作包含文字或图像的水平线以使其具有吸引力的功能,这可以通过使用简单的CSS属性来实现。

语法:

示例1:将文字显示在水平线中间

效果图:

示例2:将图像显示在水平线中间

效果图:

本文参考地址: https://www.html.cn/qa/css3/10295.html

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body{text-decoration: line-through}。

3、浏览器运行index.html页面,此时用css成功让文本添加了中划线。

很简单,添加背景图片即可

background: url(htt防止p:/和谐/baike.bdimg.com/static/wiki-lemma/normal/resource/img/paraTitle-line_c5e6d61.png)