设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › MiniUI › 技术交流 › 小图标
返回列表 发新帖
查看: 1773|回复: 7
打印 上一主题 下一主题

小图标 [复制链接]

lvdiquan

Rank: 3Rank: 3
跳转到指定楼层
楼主
发表于 2013-10-11 17:10:37 |只看该作者 |倒序浏览


请问如何实现上面的这个效果？？
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

factory

Rank: 8Rank: 8
沙发
发表于 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

Rank: 3Rank: 3
板凳
发表于 2013-10-11 17:15:24 |只看该作者
factory 发表于 2013-10-11 17:13
图片转入计划 图片计划未执行

一定要放图片嘛？？不能直接绘制嘛？？

举报

factory

Rank: 8Rank: 8
地板
发表于 2013-10-11 17:16:21 |只看该作者
lvdiquan 发表于 2013-10-11 17:15
一定要放图片嘛？？不能直接绘制嘛？？

你这2个紫色和粉色区域就是颜色?不放图片的?
如果只是颜色的话,只需要背景色即可了,不必图片,我以为你要放图片

举报

lvdiquan

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

那怎么实现？？？

举报

factory

Rank: 8Rank: 8
6#
发表于 2013-10-12 09:07:11 |只看该作者
lvdiquan 发表于 2013-10-11 17:39
那怎么实现？？？

就最简单的HTML+CSS就行了啊.
结构可以参照我上面写的

举报

lost

Rank: 8Rank: 8
7#
发表于 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

Rank: 3Rank: 3
8#
发表于 2013-10-12 10:06:47 |只看该作者
lost 发表于 2013-10-12 10:03
.bg1
    {
        background-color:#8124eb;

谢谢了！！

举报

返回列表 发新帖

Archiver|普加软件

GMT+8, 2024-9-20 22:52 , Processed in 1.041224 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部