摘要: border:solid(实线)double(双)dashed(--) dotted(....) border-radius:边角弧度 border:none 无边框border-top left bottom ritght:上 左 下 右box-shadow:x轴 y轴 宽度 颜色 inset(内部)<!DOCTYPE
border:solid(实线)double(双)dashed(--) dotted(....)
border-radius:边角弧度 border:none 无边框
border-top left bottom ritght:上 左 下 右
box-shadow:x轴 y轴 宽度 颜色 inset(内部)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>边框</title> <link rel="stylesheet" type="text/css" href="images/logo.png"> <style type="text/css"> .box{width: 200px;height: 200px;border: 1px /*solid double dashed */dotted #ccc;border-radius: 100px;} .main{width: 200px;height: 200px;border-top: 1px solid red;background: #ccc;border-left:1px solid red; } .shadow{width: 100%;height: 100px;box-shadow:0px 6px 35px blue inset;font-size: 50px;line-height: 100px;text-align: center;} .button{border: none;} </style> </head> <body> <div>边框样式</div> <div></div> <div></div> <button>去边框</button> </body> </html>
批改老师:灭绝师太批改时间:2018-11-28 16:30:48
老师总结:作业完成的不错,还需要找点案例巩固一下!