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