手机
当前位置:查字典教程网 >网页设计 > 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制作11种风格不同的特效文字

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

CSS样式表创建美妙绝伦的网站

纯CSS实现漂亮tab选项卡切换特效

使用CSS3在触屏上为按钮实现激活效果

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

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

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

CSS实现让同一行文字和输入框对齐的方法

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

精品推荐
分类导航