CSS样式:css边框

Original 2019-05-23 21:53:14 248
abstract:<!DOCTYPE html><html><head><meta charset="utf-8"><title>CSS样式</title><link rel="shortcut icon"type="image/x-icon"href="images/

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>CSS样式</title>

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

<link rel="stylesheet"type="text/css" href="css/index.css">

<style type="text/css">

.box{width:100px;height:100px;border:1px solid /*double dashed dotted*/#ccc;border-radius:10px}

.main{width:100px;height:100px;border-top:1px solid red;background#ccc;border-left:1px solid red}

button{border:none;}

.shadow{width:300px height:40px;box-shadow:0px 5px 20px #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>


Correcting teacher:天蓬老师Correction time:2019-05-24 13:41:35
Teacher's summary:以后建议养成好的习惯, css,一个样式写一行, 便于阅读 和添加注释

Release Notes

Popular Entries