css中的边框样式

original 2019-03-02 23:05:06 277
abstract:<!DOCTYPE html><html><head><meta charset="utf-8"><title>边框样式</title><style type=“text/css”>   .box{width:20px;height:30px;border:1px solid

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>边框样式</title>

<style type=“text/css”>

   .box{width:20px;height:30px;border:1px solid red;}

   .main{width:30px;height:40px;border-top: 1px solid #ccc;border-right: 1px dashed #ccc;background: pink;}

   button{border: none;}

   .shadow{width:100px;height:30px;box-shadow: 5px 6px 10px #ccc ;/*inset*/}

</style>

</head>

<body>

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

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

   <button>登陆</button>

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

</body>

</html>

Correcting teacher:西门大官人Correction time:2019-03-03 10:28:51
Teacher's summary:CSS中的边框是通过定义border实现的,如border-color可以控制颜色,border-radius可以控制边框弧度等

Release Notes

Popular Entries