マージン(外側の間隔 margin)
<html> <head> <title>マージン</title> <style type="text/css"> <!-- .c1 { border: 2px solid; margin: 30px; padding: 5px; } .c2 { border: 2px solid; margin: 30px 0px; padding: 5px; } .c3 { border: 2px solid; margin: 100px 50px 50px 15px; padding: 5px; } //--> </style> </head> <body> <p class="c1"> 上下左右30px<br> </p> <p class="c2"> 上下5px 左右0px<br> </p> <p class="c3"> 上100px 右50px 下50px 左15px<br> </p> </body> </html>
〔 実行する 〕