我正在尝试创建一个看起来像带子弹的LI的布局,但是它不使用LI.我不能使用LI,因为我想允许同一列表中的不同项目具有不同的子弹图像.而且据我所知,LI子弹样式只能在UL中设置,因此同一UL中的所有LI必须具有相同的子弹图像......我不希望如此.如果我对李的样式有误,请纠正我.
这是我试图设计的HTML,以便它重新创建一个LI子弹.
<div><img src="..."/><p>Inbox:</p></div>
我不确定如何最好地实现以下目标:
我的高级目标是在网页中重新创建TaskPaper的 UI:
我很乐意通过我最喜欢的解决方案向该人提供免费许可.
谢谢,
杰西
您可以使用CSS类来执行此操作:
<HTML>
<HEAD>
<STYLE>
LI.circle { list-style: circle }
LI.square { list-style: square }
</STYLE>
</HEAD>
<BODY>
<UL>
<LI class="circle">Circle</LI>
<LI class="square">Square</LI>
<LI>Third</LI>
</BODY>
</HTML>
如果你需要任意图像,那就去吧 LI.whatever { list-style: url(myimage.png) }
| 归档时间： |
|
| 查看次数： |
11930 次 |
| 最近记录： |