手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS的ul和li实现横向排列和去掉li的点
CSS的ul和li实现横向排列和去掉li的点
摘要:今天做网页是老是不懂怎么实现ul的横向排列和去掉li那个烦人的点,现在找到方法了,做个笔记:#ul{float:left;}#ulli{fl...

今天做网页是老是不懂怎么实现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>

效果如下:

1

【CSS的ul和li实现横向排列和去掉li的点】相关文章:

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

css实现文字过长显示省略号的方法

纯CSS做的带开关的台灯

用CSS实现文字的阴影效果

CSS3用@font-face实现自定义英文字体

CSS 3实现DIV圆角效果完整代码

对于DIV+CSS的开发方式,我们也要听听另外的声音

设置margin和padding为0可去掉DIV与DIV的空白

CSS制作11种风格不同的特效文字

CSS实现Table单元格自动换行或不换行

精品推荐
分类导航