97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

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

 

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; 
} 

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