четверг, 9 октября 2008 г.

10 классных приемов по css

1. Как сделать, чтобы текст ссылки был одного цвета, а подчеркивание другого?

<html>
<head>
<style type="text/css">

  a {color:red;}
  a span {color: blue;}


</style>
</head>

<body>
<a href="#"><span>Текст ссылки</span></a>

</body>
</html>

2. Как убрать вокруг формы отбивку по умолчанию?


form {margin: 0;}

3. Как убрать рамку картинки, на которой стоит ссылка?


a img {border: none;}

4. Как выравнять картинку вертикально по центру в строке?

img.middle {vertical-align: middle;}

5. Как задать цвет для hr, чтобы работало во всех браузерах?

hr {
 color:blue;
 background-color:blue; /* для Opera и Mozilla */
 height: 1px;
 border-width:0px; /* убирает рамки вокруг разделителя */
}

Остальные 5 приемов!

Комментариев нет: