HTML中border属性设置(CSS边框样式)20190715

原创2019-07-15 16:03:5515
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS边框样式</title><!-- <link rel="shortcut icon" type="image/x-icon" href=&

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>CSS边框样式</title>

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

<style type="text/css">

.box{width:100px;height:100px;border:1px solid #ccc;margin-bottom:20px;}

.box1{width:100px;height:100px;border:1px double lightcoral;margin:20px 0px;border-radius:20px;}

.box2{width:100px;height:100px;border:1px dashed lightblue;margin:20px 0px;border-radius:50px;}

.box3{width:100px;height:100px;border:1px dotted lightgreen;margin:10px 0px;box-shadow:10px 5px 3px #cfcfcf;}

.box4{width:100px;height:100px;margin:10px 0px;margin:20px 0px;box-shadow:0px 6px 40px #cfcfcf inset;}

button{border:none;}

</style>

</head>

<body>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<button>登录</button>


</body>

</html>


批改老师:欧阳克批改时间:2019-07-16 13:14:32
老师总结:完成的不错,常用的css样式可以写到公用文件里,每个项目都可以加载这一个公用文件。继续加油。

发布手记

热门词条

第九期线上培训班