开始学习css-关于边框

原创 2018-10-22 19:15:09 264
摘要:<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

发布手记

热门词条