深山工作室

深山工作室 >

UL与LI 标签详解

A).运用CSS格式化列表符:
引用内容ul li{
list-style-type:none;
}

B).如果你想将列表符换成图像,则:
引用内容ul li{
list-style-type:none;
list-style-image: url(/blog/images/icon.gif);
}

C).为了左对齐,可以用如下代码:
引用内容ul{
list-style-type:none;
margin:0px;
}

D).如果想给列表加背景色,可以用如下代码:
引用内容
ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}

E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:
引用内容ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }

F).LI中的元素水平排列,关键FLOAT:LEFT:
引用内容ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;
}

再添加一个示例,可以达到表格效果

以下为详细代码
前一页:了解CSS中的letter-spacing与word-spacing属性
后一页:利用position属性把层永远定位于页面中部
相关阅读
uni.openLocation打开地图导航没反应解决方式(参数都设置对就是打不开)
jquery设置或获取修改classname
在未知图片的宽度与高度时利用div+css将图片居中
JS+CSS实现图片放大预览效果(购物时放在产品上面预览图片)
非常不错的支持各种浏览器的简易调色板
非常酷的javascript实现万年历功能
div+css黑色焦点图(幻灯片效果非常 不错)
特别简洁的简单JavaScript日历及说明
更多>>DIV+CSS相关信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
更多>>最新添加
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法