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