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;}
怎么把小三角的位置调整到文字后面
问题解答
回答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
相关文章：
1. node.js - 我是一个做前端的，求教如何学习vue，node等js引擎？2. python - requests post问题3. mysql - 仅仅只是把单引号与反斜杠转义不用prepare statement能否避免sql注入？4. javascript - 关于jquery的ajax post数据的问题5. 导入数据库不成功6. php - 注册验证邮箱失效后操作问题7. javascript - 求助这种功能有什么好点的插件？8. css3 - 微信前端页面遇到的transition过渡动画的bug9. mysql连表排序10. 文本处理 - 求教使用python库提取pdf的方法？
网公网安备