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. nignx - docker內(nèi)nginx 80端口被占用2. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？3. 關(guān)于docker下的nginx壓力測試4. android - 百度地圖加載完成監(jiān)聽5. 跟蹤器怎么開啟無反應(yīng)6. java - 阿里的開發(fā)手冊中為什么禁用map來作為查詢的接受類?7. docker api 開發(fā)的端口怎么獲取？8. macos - mac下docker如何設(shè)置代理9. dockerfile - [docker build image失敗- npm install]10. python3.x - git bash如何運(yùn)行.bat文件？
網(wǎng)公網(wǎng)安備