如何定义项目列表css-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

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的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

详解angular中为html元素添加css类的几种方式

浅谈css元素显示模式

css怎么设置字体立体

怎么创建css文件

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 如何定义项目列表css

如何定义项目列表css

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论