CSS中可以通過偽元素來表示箭頭,偽元素是指在元素之前或之后生成的虛擬元素。
::before { content: ""; border: 5px solid transparent; border-right-color: #333; transform: rotate(45deg); }
這段代碼通過生成一個空的content內容,設置了一個5像素的橫向邊框,并將右邊框設置為#333的顏色,最后通過rotate旋轉變換45度得到了一個向右上方的箭頭。
::after { content: ""; border: 5px solid transparent; border-right-color: #333; transform: rotate(-135deg); }
這段代碼同樣是生成一個空的content,設置了一個5像素的橫向邊框,并將右邊框設置為#333的顏色,不同的是這里通過rotate旋轉變換-135度得到了一個向左下方的箭頭。
需要注意的是,偽元素的content屬性必須設置一個空內容,否則偽元素將不會有效果。
上一篇mysql顯示連接線程池
下一篇mysql普通用戶改密碼