设置边框,圆角,阴影

Original 2019-03-14 23:28:57 309
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>边框类型</title> <style type="text/css"> .box{ width: 100px;height: 100px;border:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>边框类型</title>

<style type="text/css">

.box{

width: 100px;height: 100px;border: 1px solid red;

}

.sha{

width: 100px;height: 100px;background: blue;

border: 1px solid #ccc;

/* 设置边框阴影 insert:设置向内阴影; */

box-shadow: 5px 10px 15px #ccc;

}


.yuan{

width: 100px;height: 100px;border: 1px solid #ccc;

/* 设置左上角*/

border-top-left-radius: 5px;

/*设置右小角*/

border-bottom-right-radius: 5px;

}

</style>

</head>

<body>

<!-- 给DIV加入边框  -->

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


<!-- 显示阴影 -->

<div class="sha"></div>


<!-- 边框圆角 -->

<div class="yuan"></div>


</body>

</html>


Correcting teacher:查无此人Correction time:2019-03-15 09:20:48
Teacher's summary:完成的不错。下次把代码缩进,看着整洁。继续加油

Release Notes

Popular Entries