html5边框的样式设置

原创 2019-04-29 14:14:28 347
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>边框</title> <style> .box{ width: 100px; height: 100px; border: 1px dashed;

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>边框</title>

<style>

.box{

width: 100px;

height: 100px;

border: 1px dashed;

border-radius: 50px;

}

.main{

width: 100px;

height: 100px;

border-top: 1px solid red;

background-color: #ccc;

border-left: 1px solid blue;

}

button{

border:none;

}

.shadow{

width: 300px;

height: 40px;

box-shadow: 0px 6px 30px #ccc inset;

/*border: 1px solid #ccc;*/

}

</style>


</head>

<body>

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

<div class="main"></div>

<button>登录</button>

<div class="shadow"></div>

</body>

</html>


批改老师:查无此人批改时间:2019-04-30 09:03:59
老师总结:完成的不错,可以把常用的css样式写成公用文件。继续加油。

发布手记

热门词条