手机
当前位置:查字典教程网 >网页设计 > 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实现文字的阴影效果

一款css实现的鼠标经过按钮的特效

CSS 网页背景渐变实现代码

CSS控制ul缩进间距和去掉li点的方法

CSS实现圆柱型数据报表的方法

用CSS实现表格背景颜色渐变效果

CSS强制换行对齐的实现方法

纯CSS代码实现翻页

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

CSS的position属性在DIV层中的应用

精品推荐
分类导航