摘要：<!DOCTYPE html><html><head><!--設(shè)置字符編碼--><meta charset="UTF-8"><!--設(shè)置網(wǎng)頁標(biāo)題--><title>CSS樣式</title><!--調(diào)用icon圖片以及css樣式--><link rel="
<!DOCTYPE html>
<html>
<head>
<!--設(shè)置字符編碼-->
<meta charset="UTF-8">
<!--設(shè)置網(wǎng)頁標(biāo)題-->
<title>CSS樣式</title>
<!--調(diào)用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>
批改老師：滅絕師太批改時(shí)間：2019-02-15 14:29:56
老師總結(jié)：完成的很好!html+css主要就是多練習(xí),繼續(xù)加油!