宋柏霖的第三个作业
<!DOCTYPE html>
<html>
<head>
<!--设置字符编码-->
<meta charset="UTF-8">
<!--设置网页标题-->
<title>CSS样式</title>
<!--调用icon图片以及css样式-->
<link rel="shortcut icon" type="image/x-icon" href="images/01.png">
<style>
*{padding:0px;margin:0px;}
p {color:blue; font-size: 19px;}
#box {width: 50px; height: 50px ;background: blue; margin:auto;}
.main{width: 50px; height: 50px ;background: red;}
.aa{width:100px; height:100px; border:1px solid #ccc; margin-left: 10px; border-radius: 10px;}
.bb{width: 300px;height: 40px; box-shadow:10px 5px 20px #ccc; border:1px solid #ccc;}
p i{font-size: 50px; color: aquamarine;}
a[href='http://www.baidu.com']{font-size: 90px; color: blue;}
span{padding:20px 20px 50px 20px; background:#ccc;}
button{border: none;}
</style>
</head>
<body>
<p>宋柏霖</p>
<div id="box"></div>
<div class="main"></div>
<p><i>123</i></p>
<h1><i>123</i></h1>
<a href="#">链接1</a><br>
<a href="http://www.baidu.com">百度</a><br>
<div class="aa"></div>
<div class="bb"></div>
<button>登录</button>
</body>
</html>