zoukankan      html  css  js  c++  java
  • 小三角图标如何用CSS写

    上三角▲
     
     
    1 0;
    2 height: 0;
    3 line-height: 0;
    4 font-size: 0;
    5 border- 10px;
    6 border-style: solid;
    7 border-color: transparent transparent #000 transparent;
     
     
    下三角▼
     
     
    1 0;
    2 height: 0;
    3 line-height: 0;
    4 font-size: 0;
    5 border- 10px;
    6 border-style: solid;
    7 border-color: #000 transparent transparent transparent;
     
     
    左三角
     
     
    1 0;
    2 height: 0;
    3 line-height: 0;
    4 font-size: 0;
    5 border- 10px;
    6 border-style: dashed solid dashed dashed;
    7 border-color: transparent #000 transparent transparent;
     
     
    右三角
     
     
    1 0;
    2 height: 0;
    3 line-height: 0;
    4 font-size: 0;
    5 border- 10px;
    6 border-style: dashed dashed dashed solid;
    7 border-color: transparent transparent transparent #000 ;
     
     
    三角若需要定位自己添加position
     
    三角的大小更改border-width,颜色更改border-color中的颜色值。
  • 相关阅读:
    Mono 1.1.16
    Minimum Profit 3.3.18a
    PenguinTV 1.90
    Beagle 0.2.7
    Bonfire 0.4.0
    wxDownload Fast 0.4.5
    Network Configurator 0.1.8
    VMware Server 1.0
    MonoDevelop 0.11
    GTKsopcast 0.2.8
  • 原文地址:https://www.cnblogs.com/mm2015/p/4801398.html
Copyright © 2011-2022 走看看