Основы работы с CSS


Примеры


  1. Этот пример показывает, как задать для текста левый отступ. <html> <head> <style type="text/css"> h1.lf {margin-left: 1cm} </style> </head>

    <body> <h1>Заголовок h1 без отступов</h1> <h1 class="lf">Заголовок h1 с отступами</h1> </body>

    </html>

  2. Этот пример показывает, как задать для текста правый отступ. <html> <head> <style type="text/css"> h2.rg {margin-right: 400px} </style> </head>

    <body> <h2> Заголовок h2 без отступов </h2> <h2 class="rg"> Заголовок h2 с с заданным правым отступом</h2> </body>

    </html>

  3. Этот пример показывает, как задать для текста верхний отступ. <html> <head> <style type="text/css"> h1.tp {margin-top: 50px} </style> </head>

    <body> <h1>Заголовок h1 без отступов </h1> <h1 class="tp"> Заголовок h1 с заданным верхним отступом</h1> </body> </html>

  4. Этот пример показывает, как задать нижний отступ текста. <html> <head> <style type="text/css"> h2.btm {margin-bottom: 1cm} </style> </head>

    <body> <h2>Заголовок h2 без отступов</h2> <h2 class="btm">Заголовок h2 с заданным нижним отступом</h2> <h2>Заголовок h2 без отступов</h2> </body>

    </html>

  5. Этот пример показывает, как задать параметры всех отступов в одном объявлении. <html> <head> <style type="text/css"> h1.all {margin: 1cm 2cm 1cm 2cm} </style> </head>

    <body> <h1>Заголовок h1 без отступов</h1> <h1 class="all">Заголовок h1 с заданными отступами</h1> <h1>Заголовок h1 без отступов</h1> </body>

    </html>




Начало  Назад  Вперед



Книжный магазин