Как нарисовать треугольник средствами HTML. А также другие многоугольники.

Статус
В этой теме нельзя размещать новые ответы.

Marshan Busiko

Постоялец
Регистрация
29 Сен 2007
Сообщения
101
Реакции
80
Сделайте вот такой простой HTML файл:

Код:
<html>
<style type="text/css">

#triplediv {
width:0;
height:0;
border-left: 200px solid white;
border-right: 200px solid white;
border-bottom: 300px solid blue;
border-top: 0;
}
</style>

<div id="triplediv"></div>
</html>

И посмотрите его в броузере.

Кстати, с помощью одного только HTML можно рисовать не только треугольники, но и пяти-шести и прочие многоугольники. Исходняе коды см. в статье Для просмотра ссылки Войди или Зарегистрируйся.

Кстати, стрелка в форме поиска Яндекса именно так и нарисована.
 
про SVG графику прочитай, там на программном уровне можно не только нарисовать чтото но и анимацию сделать
 
Это что - есть маньяки рисующие картины при помощи html+css.
Получается очень даже ничего.
 
про SVG графику прочитай
с svg не все очевидно в плане поддержки браузерами.. хотя идея, безусловно, хорошая..
 
А если еще php подключить, то можно не просто рисовать, но и делать что-то, выводить, и т.д. те же графики, но в более интересном виде..
+ еще dhtml с его эффектами
 
Кстати, с помощью одного только HTML можно рисовать не только треугольники, но и пяти-шести и прочие многоугольники.

а есть и практическая польза - всплывающие подсказки без картинок!
Для просмотра ссылки Войди или Зарегистрируйся, правда на аглицком...
 
а можно как то градиент внутри прямоугольника сделать?
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху