实例
ul li{
list-style:none;
width: 50px;
height: 50px;
background-color:lightyellow;
text-align: center;
line-height: 50px;
border-radius: 50%;
display: inline-block;
margin-left: 10px;
}
ul :first-child {
background-color: coral
}
ul :nth-child(2){ background-color: #00F7DE;}
ul :last-child{ background-color: #2aabd2;}
ul :nth-last-child(2){ background-color: #1c4e63;}运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2019.07.04作业</title> <link rel="stylesheet" href="上面.css"> </head> <body> <ul> <li>我</li> <li>是</li> <li>中</li> <li>国</li> <li>人</li> </ul> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
