如何定义项目列表css
css定义项目列表的方法:首先创建一个HTML示例文件;然后在HTML中使用“<li>”标签定义列表项目;最后使用css中的“list-style”属性定义列表样式即可。
本教程操作环境:Windows7系统、HTML5&&CSS3版本,该方法适用于所有品牌电脑。
推荐:《css视频教程》
在HTML中可以使用<li>标签定义列表项目,然后使用css中的list-style属性定义列表样式,list-style简写属性在一个声明中设置所有的列表属性。
可以按顺序设置如下属性:
-
list-style-type
-
list-style-image
-
list-style-position
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> ul { list-style:disc; } </style> </head> <body> <ul> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> </body> </html>
效果如下:
以上就是如何定义项目列表css的详细内容,更多请关注php中文网其它相关文章!