<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
/*清除元素的默认内、外边距*/
*{
margin: 0px;
padding: 0px;
}
/*标题的文字大小设置为18px,行高为40px*/
h4{
font-size: 18px;
line-height: 40px;
}
li p:nth-of-type(1){
color: #640000;
font-size: 14px;
}
li p:nth-of-type(2){
font-size: 12px;
color: blue;
}
/*页面宽度为1000px,水平居中显示*/
div{
margin: 0px auto;
width: 1000px;
}
/*li列表项内边距为10px,外右边距为5px*/
div li{
display: inline-block;
margin-right:5px ;
padding: 10px;
}
/*给图片添加圆角效果*/
img{
border-radius:10px ;
}
/*鼠标移入列表项时添加圆角阴影*/
div li:hover{
border-radius:10px ;
box-shadow: 2px 1px 0.2px blue,0px 0px 0.1px blue;
}
</style>
</h
作业
最新推荐文章于 2021-04-14 22:07:26 发布