abstract:<!DOCTYPE html> <html> <head> <title>边框</title> <meta charset="utf-8"> &
<!DOCTYPE html> <html> <head> <title>边框</title> <meta charset="utf-8"> <link rel="icon" type="image/x-icon" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1552449729848&di=e214378786f4f6fc66003bf39980c869&imgtype=0&src=http%3A%2F%2Fwww.uimaker.com%2Fuploads%2Fallimg%2F121227%2F1_121227103318_7.png"> <style type="text/css"> div{ width: 200px; height: 200px; margin: 50px auto; } .tz1{ border: 1px solid black; } .tz2{ border-top: 10px dotted black; border-right: 10px dashed black; border-bottom: 10px solid black; border-left: 10px double black; } p{ width: 200px; height: 200px; margin: 50px auto; } .tz3{ box-shadow: 2px 2px 20px black; } .tz4{ box-shadow: 2px 2px 20px black; border-radius: 50%; } .tz5{ box-shadow: 2px 2px 20px black; border-top-left-radius: 6%; border-top-right-radius: 6%; border-bottom-left-radius: 6%; border-bottom-right-radius: 6%; } table{ width: 500px; height: 30px; margin: 20px auto; border: 1px solid black; border-collapse: collapse; } td{ border: 1px solid black; text-align: center; } li { list-style: none; } </style> </head> <body> <div class="tz1"></div> <div class="tz2"></div> <p class="tz3"></p> <P class="tz4"></p> <P class="tz5"></p> </body> </html>
Correcting teacher:天蓬老师Correction time:2019-07-06 13:13:04
Teacher's summary:边框, 是盒模型中是最有意思的, 也是除内容外唯一可见元素