摘要:<html> <head> <meta charset="utf-8"> <title>开始学习css</title> <link rel="shortcut icon" type="image/x-icon" hre
<html> <head> <meta charset="utf-8"> <title>开始学习css</title> <link rel="shortcut icon" type="image/x-icon" href="images/bd_logo1.png"> <style type="text/css"> p {color: red;} button{border: none;} #box {height: 100px;width: 100px;background: red; border: 1px solid #ccc; border-radius: 50px;} .main{height: 100px;width: 100px;background: blue;} p i{font-weight: bold;font-size: 60px;} a[href='#']{color: yellow;} *{padding: 0px;margin: 0px;} span{padding: 20px 30px 40px 50px;background:red; } #abc{width: 100px;height: 100px;background:blue;margin: 30px auto; } .shadow{width: 300px;height: 50px;box-shadow: 0px 5px 30px #ccc inset;} </head> <body> <p>大家好</p> <button>登录</button> <div id="box"></div> <div class="main"></div> <a href="#">链接1</a> <a href="www.baidu.com">链接2</a> <p>开始<i>学习</i>css</p> <h1>开始<i>学习</i>css</h1><br> <span>php中文网</span> <div id="abc"></div><br> <div class="shadow"></div> </body> </html