基本図形 六角形 – css Hexagon – 「六角形」の描画。borderを使った例とbackgroundを使った例です。borderを使った例html<divclass="hexagon"></div>css.hexagon{position:relative;width:100p... 2015.01.26 基本図形
基本図形 五角形 – css Pentagon – 「五角形」の描画。borderを使った例とbackgroundを使った例です。borderを使った例html<divclass="pentagon"></div>css.pentagon{position:relative;width:50... 2015.01.26 基本図形
基本図形 星形 – css Star – 「星形」の描画。borderを使った例です。html<divclass="star"></div>css.star{position:relative;width:0;height:0;border-right:50pxsolidtrans... 2015.01.26 基本図形
基本図形 平行四辺形 – css Parallelogram – 「平行四辺形」の描画。borderを使った例とbackgroundを使った例です。「Parallelogram」って知りませんでした・・・borderを使った例(縦1)html<divclass="parallelogram_up"></d... 2015.01.26 基本図形
基本図形 台形 – css Trapezoid – 「台形」の描画。borderを使った例とbackgroundを使った例です。「Trapezoid」って知りませんでした・・・borderを使った例(上)html<divclass="trapezoid_up"></div>css.trape... 2015.01.26 基本図形
基本図形 三角形2 – css triangle – 「三角形」の描画。borderを使った例とbackgroundを使った例です。borderを使った例(左上)html<divclass="triangle_left_up"></div>css.triangle_left_up{width:... 2015.01.26 基本図形
基本図形 三角形 – css triangle – 「三角形」の描画。borderを使った例とbackgroundを使った例です。borderを使った例(上)html<divclass="triangle_up"></div>css.triangle_up{width:0;height:0;... 2015.01.26 基本図形
基本図形 楕円形 – css oval – 「楕円形」の描画。値の指定で角丸から楕円まで出来ます。また、borderの使い方で色々と出来そうです。html<divclass="oval"></div>css.oval{width:160px;height:100px;backgrou... 2015.01.26 基本図形
基本図形 円形 – css circle – 「円形」の描画。値の指定で角丸から正円まで出来ます。また、borderの使い方で色々と出来そうです。htmlhtml<divclass="circle"></div>css.circle{width:100px;height:100px;b... 2015.01.26 基本図形
基本図形 長方形 – css rectangle – 「長方形」の描画。基本何もしておりませんが、borderの使い方で色々と出来そうです。html<divclass="rectangle"></div>css.rectangle{width:160px;height:100px;backgr... 2015.01.26 基本図形
基本図形 四角形 – css Square – 「四角形」の描画。基本何もしておりませんが、borderの使い方で色々と出来そうです。html<divclass="square"></div>css.square{width:100px;height:100px;background-c... 2015.01.26 基本図形