伪元素基础知识

伪元素：

概念：指可以在HTML标签的开头或者结尾通过css来添加内容，该内容可以单独设置css 样式。

作用：能够实现一些页面效果，比如三角形

• 语法：

• 在标签开头添加内容

• ::before{
       content: ''
  }

• ::before是伪元素专用选择器，能够在标签开头添加内容，内容可以是图片或者文字或者空格。

• 特点：

  通过伪元素添加的内容可以当做改标签的子元素，可以设置盒模型和宽高颜色之类的CSS属性。。

• ‘content 属性可以设置图片，但本身不容易设置位置，一般来说如果添加图片 会通过设置背景图片来处理’ 让content:'';即可

a::after在标签结尾添加内容。

a::after{
content:'';
}

border: 20px solid transparent;(透明色)</