开始学习css-关于边框
何和和。
2018-10-22 19:15:09
228
<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