手机
当前位置:查字典教程网 >网页设计 > 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 3实现DIV圆角效果完整代码

用CSS实现简单的进度条

纯CSS代码实现翻页

使用CSS中的meta实现web定时刷新或跳转的方法

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

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

CSS实现左图右文混排布局的方法

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

用CSS实现文字的阴影效果

精品推荐
分类导航