论坛首页 Web前端技术论坛

如何用CSS使table象ul一样显示?

浏览 11147 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2005-03-17  
CSS
<table>
	<tr><td>1111</td></tr>
	<tr><td>2222</td></tr>
	<tr><td>3333</td></tr>
</table>

我想用CSS控制以上代码,能像ul或ol一样显示,css如何写呀?
   发表时间:2005-03-18  
什么是ul?
0 请登录后投票
   发表时间:2005-03-19  
html标记之一
<ul>
<li>aaa</li>
<li>bbb</li>
</ul>
0 请登录后投票
   发表时间:2005-03-19  
css好像不可以吧 xslt可以

为什么不直接在html中用LU ?
0 请登录后投票
   发表时间:2005-03-20  
第二天:
一篇文章的目录,我们要按照序号进行编排,手动编排序号既容易出错也不易修改,如何解决呢?今天就要用到&lt;OL&gt;标签:)


&lt;OL&gt;
&lt;LI&gt;这是列表的第一个项目
&lt;LI&gt;这是列表的第二个项目
&lt;/OL&gt;

&lt;OL START=3&gt;
&lt;LI&gt;这是以编号3起始的项目
&lt;/OL&gt;

&lt;OL TYPE=A&gt;
&lt;LI&gt;这是项目A
&lt;LI&gt;这是项目B
&lt;/OL&gt;

在我爱上你的第三天:
昨天的例子是用来自动生成序号的,那么也许你会说:“好难看,能不能用图片当前面的标志,还不用我一个一个的加?”答案是肯定的。

只需要配合CSS,那么非常的简单

&lt;style&gt;
ul.blogroll{
  list-style:url(dot.jpg) disc;
}
&lt;/style&gt;

&lt;ul class="blogroll"&gt;
&lt;li&gt;&lt;a href="1.htm"&gt;平面设计&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="2.htm"&gt;网页设计&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="3.htm"&gt;动画设计&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


此代码同时支持Mozilla和IE,希望效果你还满意。

效果见下,所用的素材图也在附件中:)

此主题相关图片


此主题相关图片
0 请登录后投票
   发表时间:2005-04-02  
我想你的意思是不是想在table.td里面增加标号
如果是加个 圆点,方块之类的话,是可以的。
只需要用background: url(xxx.jpg),然后增加padding-left:10px
就可以列表显示

如果要显示1,2,3,4。。。这样td光用css是不行的
可以用script来增加

为什么不直接用ul?
0 请登录后投票
   发表时间:2005-04-13  
我想用统一的数据格式,通过CSS 达到不同的效果。列表、或者表格显示!
0 请登录后投票
   发表时间:2005-04-13  
哦  那就 xml + xsl + css
0 请登录后投票
   发表时间:2005-04-15  
能做,不过那个标点得用图片才行。
0 请登录后投票
   发表时间:2007-02-26  
ul 标签 -- 代表HTML无序列表

    * 此标签是成对出现的,以<ul>开始,</ul>结束
    * ul是unordered lists的缩写
    * 每一列使用<li>标签定义,每一列使用一个点作为开头



<ul>
<li>www</li>
<li>dreamdu</li>
<li>com</li>
</ul>
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics