<MyRusakov.ru />

Вёрстка сайта с нуля

Вёрстка сайта с нуля

Это уникальная информация по созданию страниц любой сложности. Вы узнаете всё, что нужно по HTML и CSS, а также увидите множество примеров по вёрстке страниц. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены! Пройдя данный курс, Вы сможете верстать страницы с любым по сложности дизайном. Помимо курса, Вы получите Бонус, который расскажет, как заработать на вёрстке сайтов.

Весь курс соткан из практических примеров реальной вёрстки. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены!

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

шестиугольник
12.09.2013 10:54:23 шестиугольник Сообщение #1
Sesuriti

Sesuriti

Продвинутый

Продвинутый

Дата регистрации:
24.04.2013 16:20:53

Сообщений: 68

Добрый день! Подскажите как можно сделать в css шестиугольник. Нужна рамка для картинки. Или другая альтернатива! Срочно нужно. За ранее спасибо!
Профиль Ответить
13.09.2013 04:18:01 шестиугольник Сообщение #2
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Код шестиугольника - размеры изменяйте, как вам нужно.

<html>
<head>
<style type="text/css">
#hexagon {
width: 100px;
height: 55px;
background: red;
position: relative;
top: 100px;
}
#hexagon:before {
content: "";
position: absolute;
top: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 25px solid red;
}
#hexagon:after {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 25px solid red;
}
</style>
</head>
<body>
<div id="hexagon">
</div>
</body>
</html>
Профиль Ответить