2022年1月9日

css选择器中的*= , |= , ^= , $= , ~= 的区别

摘要: 1.attribute属性中包含value: [attribute~=value] 属性中包含独立的单词为value e.g:[title~=flower] --> <img src="/i/eg_tulip.jpg" title="tulip flower" /> [attribute*=valu 阅读全文

posted @ 2022-01-09 23:56 吉晨 阅读(451) 评论(0) 推荐(0) 编辑

css 实现小三角

摘要: 效果图: 方法一的效果图: 方法二的效果图: 方法三的效果图: 方法1:因为有背景,所有实现起来比较方便,尖角的内部同个颜色就可以不用考虑遮挡问题 html: 1 2 3 4 <div id="first"> <p>带背景颜色的小三角实现是比较简单的!</p> <span id="top"></sp 阅读全文

posted @ 2022-01-09 12:46 吉晨 阅读(308) 评论(0) 推荐(0) 编辑

导航