盒模型边框设置

Original 2019-03-06 14:23:38 189
abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style>*{margin:0;padding:0;}div{margin:50px auto;}.crl{width: 200px;height:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

*{margin:0;padding:0;}

div{margin:50px auto;}

.crl{width: 200px;height:50px;border:1px solid #ccc;}

.ty{width: 200px;height:200px;border:1px solid #ccc;border-radius:100px;}

.out-shadow{

width: 500px;

height:200px;

box-shadow:0px 6px 20px yellow;

}

.inner-shadow{

width: 500px;

height:200px;

box-shadow:0px 6px 20px red inset;

}

</style>

</head>

<body>


<div class="crl"></div>

<div class="ty"></div>

<div class="out-shadow">外阴影</div>

<div class="inner-shadow">内阴影</div>


</body>

</html>

Correcting teacher:韦小宝Correction time:2019-03-06 15:43:39
Teacher's summary:css中的边框样式还是比较灵活的 使用的也很多

Release Notes

Popular Entries