国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - css小三角定位

瀏覽:96日期:2023-06-27 10:19:10

問題描述

<p>文字<span class='triangle-down'></span></p>

css3 - css小三角定位

.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

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 欧美毛片aaa激情 | 亚洲精品视频免费看 | 国产老鸭窝毛片一区二区 | 国产一区二区三区免费在线视频 | 久久美女精品国产精品亚洲 | 国产精品大全国产精品 | 久久国产精品二区99 | 久久免费视频1 | 日本亚洲视频 | 欧美日韩一区在线观看 | 91成人精品视频 | 免费 视频 1级 | 日韩精品中文字幕视频一区 | 玖玖爱zh综合伊人久久 | 5x性区m免费毛片视频看看 | 空姐毛片 | 中文字幕亚洲综合久久男男 | 中文字幕一区二区三区精品 | 国产欧美精品午夜在线播放 | 国产成人精品免费久久久久 | 香港三澳门三日本三级 | 成人禁在线观看网站 | 99久久伊人一区二区yy5o99 | 成人欧美网站免费 | 97国产精品 | 亚洲最大看欧美片网站 | 中国精品视频一区二区三区 | 全午夜免费一级毛片 | 日韩美女免费视频 | 538prom精品视频在放免费 | 国产精品黄页在线播放免费 | 免费观看国产网址你懂的 | 国产高清三级 | 青青操在线视频 | 日韩在线观看视频免费 | 99在线观看免费视频 | 日本一级毛片视频无遮挡免费 | 国产大尺度福利视频在线观看 | 色视频在线观看免费 | 亚洲欧洲一区二区三区久久 | 欧美精品另类hdvideo |