css:after 和:before选择器 --笔记

CSS :after 选择器

 元素的内容之后插入新内容：

:after 选择器在被选元素的内容后面插入内容。

使用 content 属性来指定要插入的内容。并设置所插入内容的样式

实列

.border-line:after{
  content: '';
  position: absolute;
  width: 60rpx;
  height: 6rpx;
  bottom: 0;
  left: 50%;
  margin-left: -16rpx;
  background-color: #343849;
}

效果

 

CSS :before 选择器

内容之前插入新内容，其他与after一样