css3 - css小三角定位
問題描述
<p>文字<span class='triangle-down'></span></p>
.triangle-down { width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;}
怎么把小三角的位置調(diào)整到文字后面
問題解答
回答1：<html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style>p:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;} </style></head><body><p>文字</p></body></html>回答2：
用偽元素:after
<p>文字</p>p:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;}回答3：
position:absolute;right:0; top:0;文字元素的樣式記得加position：relative
相關(guān)文章：
1. mysql - 這條聯(lián)合sql語句哪里錯了2. webpack - vuejs+java前后臺分離實現(xiàn)及部署問題3. docker鏡像push報錯4. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.5. python - 有什么好的可以收集貨幣基金的資源?6. docker start -a dockername 老是卡住，什么情況？7. docker容器呢SSH為什么連不通呢？8. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題9. css3 - jquery div 翻轉(zhuǎn)？10. docker網(wǎng)絡(luò)端口映射，沒有方便點的操作方法么？
網(wǎng)公網(wǎng)安備