CSS的ul和li实现横向排列和去掉li的点

ttx9n · 发表于 2013-10-23 17:39:28

怎么实现ul的横向排列和去掉li那个烦人的点，现在找到方法了，在此与大家分享下，感兴趣的朋友可以参考下，以备不时之需今天做网页是老是不懂怎么实现ul的横向排列和去掉li那个烦人的点，现在找到方法了，做个笔记：

复制代码代码如下:
#ul {
float:left;
}
#ul li {
float:left;
list-style:none;
}

顺便拓展一下li的list-style：

复制代码代码如下:
ul {
list-style:square inside url('.../.img');
}
ul {
list-style:circle;
}
ol {
list-style:upper-roman;
}
ol {
list-style:lower-alpha;
}

再写个今天看到的东西，是关于dl,dt,dd的，其实就是类似于子类的，我比较少见到各个网页上用：

复制代码代码如下:
<dl>
<dt>Apple</dt>
<dd>苹果</dd>
<dt>Boy</dt>
<dd>男孩</dd>
</dl>

效果如下：

adm1n · 发表于 2022-8-9 06:45:16

而非为吾问无为谓娃娃

feiyasqhr · 发表于 2022-9-19 05:37:56

啦啦啦啦啦啦哈哈哈

fiyeid · 发表于 2022-12-6 08:44:16

收下来看看怎么样

gyalp · 发表于 2023-1-18 22:42:10

这个源码还可以

rveqwdpw5 · 发表于 2023-5-14 14:48:58

来看看怎么样

feiyasqhr · 发表于 2023-6-10 17:33:13

看看看看

adm1n · 发表于 2023-11-13 14:54:41

快更新啊，我擦

idy6_yus · 发表于 2024-2-28 10:40:07

啦啦啦啦啦啦啦啦！

ppwxcg · 发表于 2024-3-2 03:48:55

逛逛看看瞧瞧

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS的ul和li实现横向排列和去掉li的点