-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
shuailong
committed
Aug 23, 2016
1 parent
245e9d4
commit 206e609
Showing
3 changed files
with
68 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| #list_0 ul{ | ||
| /* | ||
| disc: 实心圆 | ||
| circle: 空心圆 | ||
| square: 实心方块 | ||
| none：不显示项目符号 | ||
| */ | ||
| width: 200px; | ||
| padding-left: 30px; | ||
| list-style-type: none; | ||
| /*list-style-image: url(../img/arrow.png);*/ | ||
| } | ||
| #list_0 ol{ | ||
| /* | ||
| decimal: 阿拉伯数字 | ||
| lower-roman: 小写罗马数字‘ | ||
| upper-roman: 大写罗马数字 | ||
| lower-alpha: 小写英文字母 | ||
| upper-alpha: 大写英文字母 | ||
| */ | ||
| list-style-type: decimal; | ||
| } | ||
| #list_0 ol li{ | ||
| background-image: url("../img/arrow.png"); | ||
| background-repeat: no-repeat; | ||
| background-position: 0px 3px; | ||
| /*background 缩写*/ | ||
| /*background: url("../img/arrow.png") no-repeat 0px 3px;*/ | ||
| padding-left: 28px; | ||
| padding-top: 5px; | ||
| /*将对象转为行间内联模式*/ | ||
| /*display: inline;*/ | ||
| /*首行缩进效果*/ | ||
| text-indent: 20px; | ||
| } | ||
| #list_0 ul li{ | ||
| margin: 5px; | ||
| text-indent: -30px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| <?xml version="1.0" encoding="UTF-8"?> | ||
| <!DOCTYPE html | ||
| PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | ||
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | ||
| <head> | ||
| <link rev="stylesheet" rel="stylesheet" href="css/fourth_list.css" type="text/css"/> | ||
| <title>CSS网站元素设计_LIST</title> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div id="list_0"> | ||
| <ul> | ||
| <li><strong>布局概述</strong>:<br/>讲述CSS中有关布局的问题</li> | ||
| <li><strong>页面元素入门</strong>:<br/>导航、列表、背景等页面中常使用到的元素</li> | ||
| <li><strong>高级技巧</strong>:<br/>CSS hack以及CSS缩写写法等问题</li> | ||
| <li>疑难解答</li> | ||
| </ul> | ||
|
|
||
| <ol> | ||
| <li>布局概述</li> | ||
| <li>页面元素入门</li> | ||
| <li>高级技巧</li> | ||
| <li>疑难解答</li> | ||
| </ol> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.