向上-向下箭頭

/* 箭頭 */
.chooseRightArrow {
position: absolute;
right: 16px;
//top: 5px; // 位置 頂部
width: 50px;
height: 50px;
margin-top: 5px;
text-align: center;
line-height: 20px;
}
.chooseRightArrow:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #bbb;
border-width: 1px 0 0 1px;
transform: rotate(-225deg);
top: 20px;
right: 5px;
}
}

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 各種純css圖標 CSS3可以實現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,982評論 0 8
  • 不會用代碼框,所以看著有些亂套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個帥氣的名字閱讀 1,913評論 0 0
  • 我的公共CSS文件@import "normalize.css";/begin主頁面//begin主頁面/body...
    藍色海洋_1982閱讀 1,294評論 0 0
  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,299評論 0 11
  • 過年到現(xiàn)在一直宅在家里,我的腳還是有一些腫。昨天是2月11日,在8個月的模擬盤交易之后我正式開通了期貨交易的賬戶。...
    陳毓博閱讀 450評論 0 0

友情鏈接更多精彩內容