链接状态样式改变及列表样式优化

1、a链接

初始状态 a:link { color: blue }

被访问状态 a:visited { color: blue }

鼠标移动 a:hover { color: blue }

点击 a:active { color: blue }

 

2、列表

ul { list-style-type: ; } 

none: 不使用项目符号

disc：实心圆

circle：空心圆

square: 实心方块

 

ol

demical: 阿拉伯数字

lower-alpha: 小写英文字母

upper-alpha: 大写英文字母

lower-roman： 小写罗马数字

upper-roman：大写罗马数字

 

3、l列表项目前加图片

background-image: url("logo1.png");

background-repeat: no-repeat;

height: 50px;

padding: 25px 50px 0;    //调整图片和文字的位置