多语言展示
当前在线:896今日阅读:167今日分享:16

【DW教程】如何利用CSS样式设置列表文字

我现在详细教你如何利用CSS样式设置列表文字,为的是让你很快真正理解CSS样式。
工具/原料
1

电脑

2

DW软件

方法/步骤
1

打开Adobe Dreamweaver CC 2015。

2

执行菜单栏中的'文件>新建'命令或按住Ctrl+N键打开'新建文档'对话框,选择其文档类型为HTML,单击'创建'按钮,即创建一个网页文档。

3

在和之间添加

    ,如下图所示。【基本语法】
      ....
    【语法说明】在HTML文件中,可以利用成对的
      标记插入无序列表。CSS中的class中文意思是类,类可以应用于多个标签元素。类前面都带有一个英文句点“.”如:',如下图所示。【基本语法】【语法说明】之间添加'.text{color:hsla(295,86%,50%,1.00);font-family:'微软雅黑';list-style-type:none;}【基本语法】color属性:设置字体颜色font-family属性:设置文字样式list-style-type属性:设置列表样式(none:不显示任何列表符号或编号)

      7

      保存网页文件,按住F12键可以在浏览器中预览效果,如下图所示。

      推荐信息