Главная » Статьи » Прочее

Рамка для Текста или картинки

Посмотрите ДЕМО
В то место где будет рамка
Код
  
<style>  
article {  
display:block;  
width:50%;  
height:auto;  
float:left;  
background-color:green;  
padding:10px;  
-webkit-box-shadow:11px -9px 3px rgba(50, 50, 198, 0.7);  
-moz-box-shadow:11px -9px 3px rgba(50, 50, 198, 0.7);  
box-shadow:11px -9px 3px rgba(50, 50, 198, 0.7);  
-webkit-border-radius:20px;  
-moz-border-radius:20px;  
border-radius:20px;  
}  
aside {  
<!DOCTYPE html>  
<html>  
<head>  
<style>  
article {  
display:block;  
width:50%;  
height:auto;  
float:left;  
background-color:green;  
padding:10px;  
-webkit-box-shadow:11px -9px 3px rgba(50, 50, 198, 0.7);  
-moz-box-shadow:11px -9px 3px rgba(50, 50, 198, 0.7);  
box-shadow:11px -9px 3px rgba(50, 50, 198, 0.7);  
-webkit-border-radius:20px;  
-moz-border-radius:20px;  
border-radius:20px;  
}  
aside {  
display:block;  
width:30%;  
height:auto;  
margin:1px 5px auto auto;  
background-color:blue;  
padding:10px;  
-webkit-box-shadow:11px -9px 3px rgba(50, 196, 41, 0.7);  
-moz-box-shadow:11px -9px 3px rgba(50, 196, 41, 0.7);  
box-shadow:11px -9px 3px rgba(50, 196, 41, 0.7);  
-webkit-border-radius:20px;  
-moz-border-radius:20px;  
border-radius:20px;  
}  
nav {  
color:green;  
font-weight:bold;  
}  
nav a:link {  
text-decoration:blink;  
}  
</style></head>  
<body>  
<header>  
<h3>  
</h3>  
</header>  
<article>  
<p>Hawk.do.am - Самые лучшие скрипты </p>
<p>Hawk.do.am - Самые лучшие скрипты </p>
<p>Hawk.do.am - Самые лучшие скрипты </p>
<p>Hawk.do.am - Самые лучшие скрипты </p>
<p>Hawk.do.am - Самые лучшие скрипты </p>
</article>  
Категория: Прочее | Добавил: slavick (05.08.2013)
Просмотров: 93 | Теги: или, текста, картинки, для, рамка | Рейтинг: 1.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]