新课:PHP零基础(CMS开发)教学!
立即报名web前端基础(学习html和css我们可以做什么)
11分钟45秒html基础
HTML中的常用标签及属性(文档头部 head)
HTML中的常用标签及属性(文本 字体格式化)
HTML中的常用标签及属性(超链接)
HTML中的常用标签及属性(列表)
HTML中的常用标签及属性(form表单)
HTML中的常用标签及属性(表格)
css基础
CSS中的盒模型
CSS中的边框样式
CSS中的背景控制
块级元素和行内元素相互转换
CSS中的定位
CSS中的浮动
常用导航布局案例
简单CSS3下拉菜单效果实现
拾柒5年前
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML中的常用标签及属性(列表)</title> <link rel="shortcut icon" href="images/icon.jpg"> <style type="text/css"> ul li{list-style: none; height: 40px; width: 200px; border: 1px solid red; margin: 5px 0px; text-align: center; line-height: 40px;} ul li:before{/*list-style: url(images/icon2.jpg);*/content: url(images/icon2.jpg);} ul li:after{content: url(images/icon2.jpg);} </style> </head> <body> <ol> <li>有序列表1</li> <li>有序列表2</li> <li>有序列表3</li> </ol> <ul> <li>无序列表1 <ul> <li>无序列表1.1</li> <li>无序列表1.2</li> </ul></li> <li>无序列表2</li> <li>无序列表3</li> <li>无序列表4</li> <li>无序列表5</li> </ul> </body> </html>
0
A云海5年前
<ol> <li></li>//有序标签 </ol> <ul> <li></li>//无序标签 </ul> <style> ul li{list-style:none;height:400px;width:200px;border:1px solid #ccc;margin:5px 0px;text-align:center;line-height:40px;}//li标签隐藏圆点,设置高和宽,表格为实线,边距左右5px上下0,text-align 文本居中 line-height 上下间距; ul li:before{content:url(地址);margin-right:20px;}//在文字前面用before,content引入地址 右边20px; ul li:after{content:url(图片地址)}//在文字后面插入一张图片用after,content引入地址; </style>
0
hiki19875年前
ul li{list-style:url(img/huangguan.png);} 列表前面插入一个图片 ul li{list-style-type: none;不显示排序前面的圆点或数字 height: 40px;width: 400px; border:1px solid #ccc; 边框 margin:5px 0px;text-align: center;line-height: 20px;} ul li:before{content: url(img/huangguan.png);margin-right: 10px;} 前面插入图片 ul li:after{content: url(img/huangguan.png);}右边插入图片
0
风轻云淡5年前
ul li{list-style:none;} ul li{list-style:url(images/logo.gif);} ul li:before{content:url(images/logo.gif);margin-right:30px;}
0
免҈贵҈姓҈劉҈ 丶 5年前
ul li:before{content:url(images/**.gif);}
ul li:before在元素内容前加入新内容 ul li:after 在元素内容后加入新内容
0