Задать вопрос
Archerwell

Artificial Slowpoke

Resist the temptation to always talkabout yourself
Информация
I’m usually emotional and active person. My life is very diverse. I think that I have a charitable nature, because I always help people. I’m usually calm, but sometimes I can lose my temper and become either angry or sad. I like to laugh and joke. I have got a sense of humor. I’m hard-working and ambitious person. I set high goals for myself and I work hard to reach them. I’m sociable, so I have got a lot of friends. I appreciate people’s honesty, frankness and politeness. I don’t like when people are rude and aggressive.
Контакты
  • ICQ: 223322
Местоположение
Австралия, None, Longridge Station

Наибольший вклад в теги

Все теги (2)

Лучшие ответы пользователя

Все ответы (1)

  • Как будет правильно создать блоки в виде треугольников в шапке?

    Archerwell
    @Archerwell
    Resist the temptation to always talkabout yourself 
    <!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Треугольники в шапке</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }

        header {
            position: relative;
            height: 200px;
            background-color: #4CAF50;
            color: white;
            text-align: center;
            line-height: 200px;
            font-size: 24px;
            overflow: hidden;
        }

        /* Левый верхний треугольник */
        header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 100px 100px 0 0;
            border-color: #333 transparent transparent transparent;
        }

        /* Правый нижний треугольник */
        header::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 100px 100px;
            border-color: transparent transparent #333 transparent;
        }
    </style>
</head>
<body>
    <header>
        Шапка сайта
    </header>
</body>
</html>
    Ответ написан
    1 комментарий
    1 комментарий