CSS绘制各种形状

1.伪类：a:hover a:link  div:nth-child(n)

   伪元素：before      after              first-letter

2.使用before和after必须要有content这个属性

3.before和after默认是行内元素，行内元素是没有宽高的。

4.加了浮动或者绝对定位的元素，默认把行内元素转换为行内块元素。

5.CSS绘制各种形状代码：

html>
lang="en">

    charset="UTF-8">
    
    



  
矩形
  
class="circle">圆形
  
class="semi-circle">半圆
  
class="sector">扇形
  
class="arc">弧形
  
class="arrow">
  
class="rectangle">特效矩形
  
class="hear">
  
class="lgbox">
      
class="mbox">
          
class="smbox">
      
  
  
class="lgbox">
      
class="mbox">
          
class="smbox" style="background-image: url(images/02.png)">
  
  

运行效果：

                                                      

注：学习视频来自传智播客