美文网首页
创建伪元素图标

创建伪元素图标

作者: 景愿离 | 来源:发表于2019-01-17 17:16 被阅读0次

.icon::before{
content: "";
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
border: 1px solid #e4393c;
border-radius: 50px;
background-color: #e64340;
margin-right: 5px;
margin-top: -2px;
}

相关文章

  • 创建伪元素图标

    .icon::before{content: "";display: inline-block;vertical-...

  • CSS基础

    伪类和伪元素的区别 伪类表示状态 伪元素是真的有元素 前者单冒号,后者双冒号 图标 将svg图片转化为图标字体文件...

  • H5:伪元素 Pseudo-elements

    伪元素 Pseudo-elements 1、::after (:after) ::after 创建了一个伪元素,它...

  • css用伪元素制作气泡框&百度地图label气泡

    前几天学习了一下伪元素,今天有个页面正好用到了。 伪元素 伪元素是不存在于文档树中的元素。 伪元素本质上是创建了一...

  • 伪元素

    :before :after 伪元素 可以为元素添加更多的样式注意设置content 例子 该方法实现了图标变化

  • 选择器

    伪元素选择器 伪元素创建了一个虚拟容器,这个容器不包含任何DOM元素 不存在于DOM树上,但是可以包含内容伪元素推...

  • CSS:before和after选择器(伪元素)

    “伪元素”,顾名思义,它创建了一个虚假的元素,并插入到目标元素内容之前或之后。 :before和:after伪元素...

  • css 伪元素::after

    css 伪元素::after css ::after用来创建一个伪元素,做为已选中元素的最后一个子元素。通常会配合...

  • 伪元素:before,:after

    伪元素能做什么? 伪元素”,顾名思义。它创建了一个虚假的元素,并插入到目标元素内容之前或之后。 单词“pseudo...

  • CSS技巧 | 善用::after伪元素添加装饰性内容

    概念 CSS伪元素::after用来创建一个伪元素,作为已选中元素的最后一个子元素。通常会配合content属性来...

网友评论

      本文标题:创建伪元素图标

      本文链接:https://www.haomeiwen.com/subject/nwoidqtx.html