css void元素 |css中设置背景图片自动缩放

css input 只读，css参与过渡类型，css 按钮按下去，网页轮播图 css 实例，css网页制作常用代码大全，css优先级怎么写，css中设置背景图片自动缩放 css void元素 |css中设置背景图片自动缩放

CSS中，Void元素也称为空元素，指的是没有结束标签的元素。通常，在HTML中大家会使用<br>标签来实现换行的效果。在CSS中，Void元素的作用也是实现一些特殊的效果，比如在网页中添加一个水平分割线、垂直分割线或者图标等等。

如何使用CSS Void元素

在CSS中，大家可以通过在元素的样式中添加"content"属性来实现Void元素的效果。以下是一些实例代码：

/*水平分割线*/
hr {
height: 1px;
margin: 1em 0;
background-color: gray;
border: none;
}
/*垂直分割线*/
.vertical-line {
border-left: 1px solid black;
height: 100px;
}
/*图标*/
.icon {
content: "";
width: 20px;
height: 20px;
background: url('icon.png') no-repeat;
display: inline-block;
}

需要注意的是，Void元素不会被屏幕阅读器读取，因此不应该将重要信息放置在Void元素中，只应当使用Void元素来添加装饰性元素。