アイコン 矢印（→）3 – css arrow-right3 –
矢印（→）アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような･･･。やっぱり、firefoxでrotate使うと変な線が入る。これは直るのかな？ソースhtml<divclass="arrow_right3"></div...
2015-01
アイコン 
アイコン 矢印（←）3 – css arrow-left3 –
矢印（←）アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような･･･ソースhtml<divclass="arrow_left3"></div>css.arrow_left3{font-size:100px;positio...
アイコン 矢印（↓）3 – css arrow-down3 –
矢印（↓）アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような･･･ソースhtml<divclass="arrow_down3"></div>css.arrow_down3{font-size:100px;positio...
アイコン 矢印（↑）3 – css arrow-up3 –
矢印（↑）アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような･･･ソースhtml<divclass="arrow_up3"></div>css.arrow_up3{font-size:100px;position:re...
アイコン 矢印（→）2 – css arrow-right2 –
矢印（→）アイコンの別パターンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="arrow_right2"></div>css/*円*/.arrow_right2{font-size:1...
アイコン 矢印（←）2 – css arrow-left2 –
矢印（←）アイコンの別パターンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="arrow_left2"></div>css/*円*/.arrow_left2{font-size:100...
アイコン 矢印（↓）2 – css arrow-down2 –
矢印（↓）アイコンの別パターンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="arrow_down2"></div>css/*円*/.arrow_down2{font-size:100...
アイコン 矢印（↑）2 – css arrow-up2 –
矢印（↑）アイコンの別パターンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="arrow_up2"></div>css/*円*/.arrow_up2{font-size:100px;p...
アイコン 矢印（→） – css arrow-right –
矢印（→）アイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="arrow_right"></div>css/*長方形*/.arrow_right{font-size:100px;p...
アイコン 矢印（←） – css arrow-left –
矢印（←）アイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="arrow_left"></div>css/*長方形*/.arrow_left{font-size:100px;pos...
アイコン 矢印（↓） – css arrow-down –
矢印（↓）アイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="arrow_down"></div>css/*長方形*/.arrow_down{font-size:100px;pos...
アイコン 矢印（↑） – css arrow-up –
矢印（↑）アイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="arrow_up"></div>css/*長方形*/.arrow_up{font-size:100px;positio...
アイコン ホーム – css home –
ホームアイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな･･･ソースhtml<divclass="home1"></div>css/*壁*/.home1{font-size:100px;position:relative...
基本図形 六角形 – css Hexagon –
「六角形」の描画。borderを使った例とbackgroundを使った例です。borderを使った例html<divclass="hexagon"></div>css.hexagon{position:relative;width:100p...
基本図形 五角形 – css Pentagon –
「五角形」の描画。borderを使った例とbackgroundを使った例です。borderを使った例html<divclass="pentagon"></div>css.pentagon{position:relative;width:50...
基本図形 星形 – css Star –
「星形」の描画。borderを使った例です。html<divclass="star"></div>css.star{position:relative;width:0;height:0;border-right:50pxsolidtrans...
基本図形 平行四辺形 – css Parallelogram –
「平行四辺形」の描画。borderを使った例とbackgroundを使った例です。「Parallelogram」って知りませんでした･･･borderを使った例（縦1）html<divclass="parallelogram_up"></d...
基本図形 台形 – css Trapezoid –
「台形」の描画。borderを使った例とbackgroundを使った例です。「Trapezoid」って知りませんでした･･･borderを使った例（上）html<divclass="trapezoid_up"></div>css.trape...
基本図形 三角形2 – css triangle –
「三角形」の描画。borderを使った例とbackgroundを使った例です。borderを使った例（左上）html<divclass="triangle_left_up"></div>css.triangle_left_up{width:...
基本図形 三角形 – css triangle –
「三角形」の描画。borderを使った例とbackgroundを使った例です。borderを使った例（上）html<divclass="triangle_up"></div>css.triangle_up{width:0;height:0;...
基本図形 楕円形 – css oval –
「楕円形」の描画。値の指定で角丸から楕円まで出来ます。また、borderの使い方で色々と出来そうです。html<divclass="oval"></div>css.oval{width:160px;height:100px;backgrou...