CSS边框简单应用
昕旸2019-04-02 12:46:09202<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8">
<title>员工信息管理系统</title>
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<link rel="stylesheet" type="text/css" href="css/index.css">
<style type="text/css">
*{padding:0px; margin:0px;}
p{color:red;}
span{padding:20px 30px; background: red;}
div{background: pink;}
.box{width:100px; height:100px; /*border:1px solid #ccc;*/border-top: 1px solid red;border-radius: 10px; }
button{border: none;}
.shadow{width: 300px; height:40px;box-shadow: 10px 5px 3px red;border: 1px solid #ccc;}
</style>
</head>
<body>
<p>大家好，我是皮卡丘</p>
<span>php中文网</span>
<div class="box"></div>
<button>anniu</button>
<div class="shadow">Shadow</div>
</body>
</html>