...
經常寫移動端頁面時會用到向右的箭頭,之前都是用圖片,突然想到用css應該也能寫,於是一搜還確實有 原理也挺簡單,就是寫個上邊框和右邊框,然后旋轉 度就是向右的箭頭了。不過移動端用應該沒問題,pc上就要考慮transform的兼容性了。 ...
2018-07-16 21:05 0 5776 推薦指數:
...
width: 7px; height: 7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transf ...
.home_list li:after { position: absolute; right: 10px; top: 50%; display: inlin ...
效果如下: ...
小箭頭的實現 原理 (1)使用css繪制兩個三角形 (2)通過絕對定位讓兩個三角形不完全重疊 (3)讓處於上層的三角形比處於下層的三角形偏移1像素,生成空心箭頭 兼容處理: 在IE6及更低版本的瀏覽器中添加font-size: 0; line-height ...
頭朝下的小三角 width:0; height:0; border:50px solid transparent; //所有border都是透明的, border-top-color:blac ...
本文轉載自:http://www.jb51.net/css/97112.html ...
設計了一個簡單的登錄樣式,然后自己寫了下代碼,鞏固一下自己的狀態(就使用了HTML&CSS) 先看效果: 1.HTML代碼如下: 2.CSS代碼如下: 發現沒法上傳資源文件 -_- ...