jQuery MiniUI

标题: 小图标 [打印本页]
作者: lvdiquan    时间: 2013-10-11 17:10:37     标题: 小图标

[attach]3028[/attach]

请问如何实现上面的这个效果？？
作者: factory    时间: 2013-10-11 17:13:55

本帖最后由 factory 于 2013-10-11 17:15 编辑

<sapn><a></a>转入计划</span> <sapn><a></a>计划未执行</span>

a的背景图片放你的图标,display:inline-block
作者: lvdiquan    时间: 2013-10-11 17:15:24

factory 发表于 2013-10-11 17:13
图片转入计划 图片计划未执行

一定要放图片嘛？？不能直接绘制嘛？？
作者: factory    时间: 2013-10-11 17:16:21

lvdiquan 发表于 2013-10-11 17:15
一定要放图片嘛？？不能直接绘制嘛？？

你这2个紫色和粉色区域就是颜色?不放图片的?
如果只是颜色的话,只需要背景色即可了,不必图片,我以为你要放图片
作者: lvdiquan    时间: 2013-10-11 17:39:55

factory 发表于 2013-10-11 17:16
你这2个紫色和粉色区域就是颜色?不放图片的?
如果只是颜色的话,只需要背景色即可了,不必图片,我以为你要 ...

那怎么实现？？？
作者: factory    时间: 2013-10-12 09:07:11

lvdiquan 发表于 2013-10-11 17:39
那怎么实现？？？

就最简单的HTML+CSS就行了啊.
结构可以参照我上面写的
作者: lost    时间: 2013-10-12 10:03:29

本帖最后由 lost 于 2013-10-12 10:06 编辑
lvdiquan 发表于 2013-10-11 17:39
那怎么实现？？？

<style type="text/css">
    .bg1
    {
        background-color:#8124eb;
        width:12px;
        height:12px;
         margin-right:10px;
     display:inline-block;
    }
    .bg2
    {
        background-color:#ff87e2;
        width:12px;
        height:12px;
        margin-right:10px;
      display:inline-block;
    }
    </style>
</head>
<body>
  <span><a class="bg1"></a>转入计划 </span>      
  <span><a class="bg2"></a>计划未执行 </span>
</body>
作者: lvdiquan    时间: 2013-10-12 10:06:47

lost 发表于 2013-10-12 10:03
.bg1
    {
        background-color:#8124eb;

谢谢了！！



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2