Как сделать рамку вокруг текста с закругленными углами без использования картинки? Очень просто!
С помощью вот такой конструкции в CSS вы сможете сделать рамку любого цвета и размера вокруг необходимого кусочка текста.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Закругляем углы на CSS</title>
<style type="text/css">
.block {
color: #fff;
background: #39c;
border: 3px #c33 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 5px;
}
</style>
</head>
<body>
<div class="block">Содержимое блока.</div>
</body>
</html>
Пример:
Содержимое блока.
|