关于网页css的知识,图中箭头所指的那个三角是怎么弄出来的,麻烦给写下...

发布网友 发布时间：2022-04-23 03:35

我来回答

共5个回答

热心网友 时间：2022-04-06 14:19

呵呵 他就是背景图片额

转播的背景图片，你移到评论的时候，背景就又添到到评论下，自然转播的背景就消失了。

它就是用a标签 加上a:hover 来发生变化的。
但是这个时候的a要转换会块级标签。得加上display:block;

热心网友 时间：2022-04-06 15:37

腾讯微博首页菜单下的那个是背景图片！
给你写了一个，纯CSS的！有点麻烦，不过也是一种方法！
<div style="position:relative;">
<textarea style="width:300px; height:100px; margin-top:50px; border:1px solid #ccc;"></textarea>
<div style="width:21px;height:10px; position:absolute; background-color:#fff; left: 100px; top:40px;">
<div style="border-left:1px solid #ccc; width:0; height:1px; margin:0 7px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 10px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 9px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 8px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 7px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 6px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 5px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 4px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 3px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 2px;"></div>
<div style="border-left:1px solid #ccc; border-right:1px solid #ccc;height:1px; margin:0 1px; background-color:#fff;"></div>
</div>
</div>

热心网友 时间：2022-04-06 17:11

说的是,
非要舍简求繁,PS用一分钟就能作出为的图片,
非得用CSS写上数十行的代码,
就说圆角吧,做的效果还没PS的好,

热心网友 时间：2022-04-06 19:03

发现你这人这么死心眼的，这样的箭头图标最适合用背景图片，CSS的精髓是逻辑思维的简化，我就很不理解很多人非要用CSS做圆角，用透明的gif图片处理的好了完全可以在不同背景下应用。

热心网友 时间：2022-04-06 21:11

真的假的？靠谱吗？