css盒子的边框

原创 2019-01-21 23:52:35 246
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!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>css盒子边框</title>

<style>

* {

margin: 0;

padding: 0;

}

.box {

margin: 30px;

width: 200px;

height: 200px;

background-color: lightcoral;

border: 4px solid lightgreen;

border-radius: 50%;

box-shadow: 10px 5px 30px lightgreen;

}

</style>

</head>


<body>

<div class="box"></div>

</body>


</html>


批改老师:韦小宝批改时间:2019-01-22 09:27:00
老师总结:写的很简洁 没有啥毛病 盒子的边框还可以设置很多种 自己课后没事可以多尝试尝试

发布手记

热门词条