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


Форматирование в CSS - часть 2


<body> <p> <b>В</b> параграфе элемент b имеет ширину - 1.2 размера текущего шрифта, размер шрифта - 500%, межстрочный интервал - 95%, шрифт буквы - Comic Sans MS. </p>

</body> </html>

  • Пример показывает, как создать горизонтальное меню. <html> <head> <style type="text/css"> ol { float:left; margin:5; padding:5; width:100%; list-style-type:none; } a { float:left; width:6em; text-decoration:none; color:blue; background-color:yellow; padding:0.4em 0.7em; border:2px solid gray; } a:hover {background-color:#0F0FFF; color:yellow} li {display:inline} </style> </head>

    <body> <ol> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> </ol>

    <p> В примере элементы ol и a смещены влево. У элементов li отсутствует разрыв строки перед или после элемента. </p>

    </body> </html>




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