十年之约

专注于.Net

Css制作小图标

在日常的前端中,经常使用一些小图标,如置顶
但是对于一个不会平面设计的人来说,这样是一件很费劲的事情,那么可以使用css实现类似的图标
如:

    .tag-red {
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: 400;
        height: 17px;
        line-height: 17px;
        margin-right: 0;
        padding: 0 3px;
        text-align: center;
        background-color: #d33556;
    }

        .tag-blue {
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: 300;
        height: 17px;
        line-height: 17px;
        padding: 0 3px;
        text-align: center;
        background-color: #258ee7;
    }
         <a class="tag-red" href="#" target="_blank">置顶</a>
         <a class="tag-blue" href="#" target="_blank">置顶</a>

效果如下:
这里写图片描述

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wupd2014/article/details/49903473
个人分类: Css
上一篇.net如何序列换对象为Json字符串
下一篇txt文件下载
想对作者说点什么? 我来说一句

css样式之实用的小图标

2013年09月18日 2.35MB 下载

CSS制作的打勾(√)小图标

2017年08月04日 1KB 下载

CSS制作打勾(√)小图标

2017年08月04日 1KB 下载

没有更多推荐了,返回首页

关闭
关闭