Показать сообщение отдельно
  #1 (permalink)  
Старый 03.10.2011, 00:47
Аспирант
Отправить личное сообщение для qwertyuiop10 Посмотреть профиль Найти все сообщения от qwertyuiop10
 
Регистрация: 29.09.2011
Сообщений: 42

эт не вопрос. треугольники - чистый css
просто недавно нарыл, как сделать триугольники на чистом css:
<html>
<head>
<title>Заголовок</title>
<style type="text/css">
.a0 {
    line-height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 75px solid #0f0;
    width:0;
    height:0;
} 
.a1 {
    line-height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #0f0;
    width:0;
    height:0;
} 
.a2 {
    line-height: 0;
    border-left: 25px double transparent;
    border-right: 25px double transparent;
    border-bottom: 50px double #0f0;
    width:0;
    height:0;
} 
</style>
</head>
<body>
<div class="a0">
</div>
<div class="a1">
</div>
<div class="a2">
</div>
</body>
</html>

Может кому-нибудь будет интересно)

Последний раз редактировалось B~Vladi, 08.10.2011 в 12:50.
Ответить с цитированием