CSS的ul和li(10222013)
2013-10-22 18:02
106 查看
今天做网页是老是不懂怎么实现ul的横向排列和去掉li那个烦人的点,现在找到方法了,做个笔记:
顺便拓展一下li的list-style:
再写个今天看到的东西,是关于dl,dt,dd的,其实就是类似于子类的,我比较少见到各个网页上用:
效果如下:
#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>
效果如下:
Apple 苹果 Boy 男孩 |
相关文章推荐
- ASP.NET 2.0中的友好CSS控件适配器的应用 - 用ul、li呈现CheckBoxList和RadioButtonList
- DIV+CSS中标签ul ol li dl dt dd用法
- HTML列表标签 UL/OL LI 结合CSS的运用
- Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法
- CSS实现div或ul,li水平对齐不换行
- css案例学习之ul li dl dt dd实现二级菜单
- 使用CSS把ul,li制作成表格
- CSS中如何选择ul下li的奇数、偶数行
- css中控制ul,li的缩进距离
- ASP.NET 2.0中的友好CSS控件适配器的应用 - 用ul、li呈现CheckBoxList和RadioButtonList
- list-style:none这一css属性只能应用在ul标签中而不能应用在li标签中
- div+css布局必了解的列表元素ul ol li dl dt dd详解
- css中的 nav ul li ul 与 nav>ul>li 这两种写法的区别
- CSS: dl,dt,dd,ul,li,ol区别及应用
- CSS中ul li居中的问题
- CSS中如何选择ul下li的奇数、偶数行
- CSS ul li a 背景图片与文字对齐
- ASP.NET 2.0中的友好CSS控件适配器的应用 - 用ul、li呈现CheckBoxList和RadioButtonList
- css ul li 图标 图片位置定位 背景定位
- <ul>中的<li>我点击一个<li>后其它的<li>全变背景色,求JS和CSS代码 <ul>中的<li>我点击一个<li>后其它的<li>全变背景色 要图中效果,求JS和CSS代码 (搜搜问问)