摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>边框</title>
<style>
div{
width: 300px;
height: 300px;
margin: 0 auto;
margin-top: 80px;
background: #ff9900;
box-shadow: -8px -8px 10px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>border : solid 实线 double 双线 dashed 虚线
border-top 上边框
border-bottom 下边框
border-left 左边框
border-rigth 有边框
border-radius 设置边框的圆角
box-shadow 设置边框的阴影
批改老师:韦小宝批改时间:2019-03-12 15:48:37
老师总结:css实现边框样式可以有多种样式的 没事多去实现几种 总结的非常不错 这些都是可以改变边框样式的