用CSS画阴阳图

用CSS画阴阳图_第1张图片

方法一:直接用CSS画




    
    
    
    阴阳
    


    
  • 关键:渐变做颜色(用border做也可以)
    定位找位置
  • 注意若父元素已经绝对定位了,子元素也可以用绝对定位来控制位置
    定位中的top,bottom,left,right的值是子元素相当于父元素上下左右空出来的距离

方法二:用伪类选择器画




    
    
    
    阴阳02



    
  • 关键:伪类选择器的使用,定位
  • 注意伪类选择器必须有content=’’;语句,否则没有任何效果

你可能感兴趣的:(html+css)