Kompв настоящее время я разрабатываю веб-сайт для класса, и мне трудно понять, как выстроить треугольники, чтобы сформировать Алмаз.
Спасибо за вашу помощь всем.
здесь страницы:
вот код:
Треугольники в строке HTML / CSS веб-дизайн
13
задан
05.02.2023 8:46 
2698
2698
1 ответ
Я бы предложил вам использовать SVG, а не HTML-элементы, если это возможно. если вы должны использовать html элементы, вы можете сделать что-то вроде:
.diamond {
position: relative;
display:inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 50px 0;
border-color: transparent #007bff transparent transparent;
}
.diamond:after {
content:'';
position: relative;
display:inline-block;
top:-50px;
left:50px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 50px;
border-color: transparent transparent transparent #007bff;
}
используется с html:
<div class="diamond"></div>
0
отвечен ttaylor1218 2023-02-06 16:34
 |  |  |  |  |  |  |  |  |  |
Постоянная ссылка на данную страницу: [ Скопировать ссылку | Сгенерировать QR-код ]
