前へ | 目次 | 次へ |
.box1{ position: absolute; top: 50px; right: 100px; background: red; width: 400px; height: 50px; } .box2{ position: relative; top: 0px; right: -50px; background: green; width: 400px; height: 50px; } |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <title>border style</title> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <link rel="stylesheet" href="style26.css" type="text/css"> <p class="box1"> position; absolute; top: 50px; right: 100px; </p> <p class="box2"> position; relative; top: 0px; right: -50px; </p> </body> </html> |
position: |
SEO | [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送 | ||