2015-01

スポンサーリンク
アイコン

矢印(→)3 – css arrow-right3 –

矢印(→)アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような・・・。やっぱり、firefoxでrotate使うと変な線が入る。これは直るのかな?ソースhtml<div class="arrow_right3"></di...
アイコン

矢印(←)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...
スポンサーリンク