7. CSS盒子模式
7-1 練習
- 7-1.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <title>練習5-5</title> </head> <body> <h1>padding</h1> <table border=1> <tr> <td>內邊距</td> </tr> </table> <div class="d1"> </div> <div class="d2"> </div> </body> </html>
- css/style.css
td{ /*padding: 100px;*/ padding-left: 50px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; } .d1{ background-color: red; border: solid black 2px; margin: 30px; padding: 20px; width: 50%; height: 300px; } .d2{ background-color: #188417; border: solid #2112CD 10px; margin: 60px; padding: 20px; width: 50%; height: 100px; }