国产亚洲精品久久久97蜜臀/天堂av在线中文/国产福利一区二区三区在线视频/日韩~欧美一中文字幕/五月丁香六月综合缴清无码/手机av在线看/国产交换配乱淫视频a免费/色天堂影院/我朋友的妈妈在线/在线观看高清黄网站观看/伊人成人久久/久久99网/欧美高清另类/国产老头和老太xxxx视频/亚洲欧美日韩国产综合/亚洲伦理在线播放/国产精品久久久久久亚洲影视/国内揄拍国内精品

用CSS繪制三角形箭頭。使用純CSS，你只需要很少的代碼就可以
創(chuàng)作出各種瀏覽器都兼容的三角形箭頭！

 

CSS代碼:

/* create an arrow that points up */ 
div.arrow-up { 
    width: 0;  
    height: 0;  
    border-left: 5px solid transparent;  /* left arrow slant */ 
    border-right: 5px solid transparent; /* right arrow slant */ 
    border-bottom: 5px solid #2f2f2f; /* bottom, add background color here */ 
    font-size: 0; 
    line-height: 0; 
} 

/* create an arrow that points down */ 
div.arrow-down { 
    width: 0;  
    height: 0;  
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-top: 5px solid #2f2f2f; 
    font-size: 0; 
    line-height: 0; 
} 

/* create an arrow that points left */ 
div.arrow-left { 
    width: 0;  
    height: 0;  
    border-bottom: 5px solid transparent;  /* left arrow slant */ 
    border-top: 5px solid transparent; /* right arrow slant */ 
    border-right: 5px solid #2f2f2f; /* bottom, add background color here */ 
    font-size: 0; 
    line-height: 0; 
} 

/* create an arrow that points right */ 
div.arrow-right { 
    width: 0;  
    height: 0;  
    border-bottom: 5px solid transparent;  /* left arrow slant */ 
    border-top: 5px solid transparent; /* right arrow slant */ 
    border-left: 5px solid #2f2f2f; /* bottom, add background color here */ 
    font-size: 0; 
    line-height: 0; 
} 

繪制這些三角形的關(guān)鍵在于，你要讓箭頭所指方向的兩個側(cè)邊有很粗的邊框。而背向箭頭
方向的一邊也是同樣粗的邊框，而這條邊的顏色就是你的三角形的顏色。邊框越粗，
三角形越大。用這種方法你可以繪制出各種顏色、各種大小、各種朝向的箭頭。
最妙的是，你只需要幾行CSS代碼就能實現(xiàn)這種效果。