css中的边框和阴影

原创 2018-12-22 13:38:02 226
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>学习css第三节课 —— 边框</title><link rel="shortcut icon" href="images/1.jpg"><

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>学习css第三节课 —— 边框</title>

<link rel="shortcut icon" href="images/1.jpg">

<link rel="stylesheet" href="css/style.css">

<style>

div {margin-top: 10px;}

.box {width: 100px;height: 100px;border: 1px /* solid double dashed */ dotted  #ccc;border-radius: 50px;}

.main {width: 100px;height: 100px;border-bottom: 1px solid red;background: #ccc;}

button {border: none;}

.shadow {width: 300px;height: 40px;box-shadow: 0px 5px 3px #ccc inset;border: 1px solid #ccc;}

</style>

</head>

<body>

<div></div>

<div></div>

<button>登录</button>

<div></div>

</body>

</html>


批改老师:天蓬老师批改时间:2018-12-22 13:39:53
老师总结:对于: 0px, 这样的单位, 建议把 px去掉不要写, 0px === 0

发布手记

热门词条