Як зробити квадратик css

Квадрат Щоб створити квадрат у CSS, нам так само, як і для кола, потрібен один DIV з ідентифікатором. CSS в даному випадку ще простіше, просто вказуємо рівну ширину і висоту. 4 сент. 2014 р.

Як зробити квадрат у HTML CSS?

Відмінна добірка, як намалювати різні геометричні фігури одним елементом HTML.

1. Квадрат #square { width: 100px; height: 100px; background: red; }
2. Прямокутник #rectangle { width: 200px; height: 100px; background: red; }
3. Коло …
4. Овал …
5. Трикутник вгору.
6. Трикутник вниз.
7. Трикутник ліворуч.
8. Трикутник праворуч

Збережена копія

Як зробити елемент квадратним CSS?

По порядку:

1. створюємо блок, який хочемо зробити квадратним
2. поміщаємо всередину елемент ( :after )
3. робимо елемент блоковим
4. задаємо елементу padding-top: 100%

Збережена копія