黑马程序员技术交流社区

标题: css常用样式收集 [打印本页]

---

作者: @夜色    时间: 2018-5-11 15:50
标题: css常用样式收集

1.鼠标小手样式
a{cursor:pointer;}

2.隔行换色样式
tbody>tr:nth-child(odd){background-color: #F2F2F2;}
tbody>tr:nth-child(even){background-color: #ff5500;}

3.给第n个li标签设置样式
ul>li:nth-child(2){color: #00a0e9}
ul>li:nth-child(3){color: #FF0000}

4.给第一个和最后一个li标签设置样式
ul>li:first-child{color: #0EB800}
ul>li:last-child{color: #0000ff}

5.超出宽度的文字用 … 代替
ul>li{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

6.超链接点击后的样式设置
a:visited{background-color: #4A4A4A}

7.超链接末被点击的样式设置
a:link{background-color: #ffff00}

8.鼠标位于超链接上时的样式设置
a:hover{cursor:pointer;}

9.去掉a标签的下划线
a{text-decoration: none}

---

作者: fuofice    时间: 2018-6-1 22:54
66666666666666666666666666666666666

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2