Google Chrome または Safari を使用される事を強くお薦めしますw
他のブラウザでは Javascript の処理が重いです(汗)


2010/09/15

三角形を描く

言うまでもなくこれは div です。


style に border: 1px solid #ffffff; を指定してあるので白い枠が出てます。
この枠を太くします。30px くらいにしてみましょう。


上下左右4つの枠はそれぞれ別の色にすることができますね。



div の幅と高さを 0px にして、枠だけにします。


色を設定できるということは透明にだってできるということです。
上下と右の枠の色を透明にして、左側の枠だけが表示されるようにします。
( IE6 では透明になりません)


はい、三角形が描けました。
だからどやねん、と思うかもしれませんがw、これを応用すると何か面白いことができそうです。

どんなことができるのかの一例は次回に紹介したいと思います。
今はちょっとニコ動見たり、ニコ動見たり、ニコ動見たりするのが忙しくて。
ゲームの実況を見出すと時間が足りなくて足りなくてwww

1 件のコメント:

oz さんのコメント...

言われてみれば、確かに…ですけど、
そんな技が出来るとは思ってもみませんでした。
そもそも三角形を書いてみようと思ったことないけど(笑)
矢印の画像の代わりに使えそうですねー (面白くない使い方…
線かいて三角形かいたので…今度はマルですか(笑)

コメントを投稿