border 边框{宽度 实线 颜色} 圆角border-radius 阴影box-shadow

Original 2019-03-27 16:49:37 290
abstract:border 边框{宽度 实线 颜色}  圆角border-radius 阴影box-shadow<!DOCTYPE html><html><head><meta charset="UTF-8"><title>css样式border边框</title&g



border 边框{宽度 实线 颜色}  圆角border-radius 阴影box-shadow

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>css样式border边框</title>

<link rel="icon type="image/x-icon" href="images/favicon.ico">

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

<style type="text/css">

*{margin:0;padding: 0;}

.box{

width:200px;

height:200px;

border:1px dotted blue;

border-radius: 50px;

}

.main{

width:200px;

height:200px;

border-top:1px solid red;

background:#ccc;

border-right: 1px solid red;

}

button{

border:none;

background:red;

}

.shadow{

width:400px;

height:40px;

border:1px solid red;

box-shadow: 0px 20px 40px #ccc inset;

}

</style>

</head>

<body>

<div></div>

<div></div>

<button>登陆</button>

<div></div>

</body>

</html>



Correcting teacher:天蓬老师Correction time:2019-03-28 10:11:44
Teacher's summary:以后在css中尽可能少用或不用标签选择器, 尽可能全部用类选择器替代, 让样式依赖于类, 而不是依赖于标签,实现通用性

Release Notes

Popular Entries