2015-01

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

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

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

矢印(←)3 – css arrow-left3 –

矢印(←)アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような・・・ ソース html <div class="arrow_left3"></div> css .arrow_left3 {...
アイコン

矢印(↓)3 – css arrow-down3 –

矢印(↓)アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような・・・ ソース html <div class="arrow_down3"></div> css .arrow_down3 {...
アイコン

矢印(↑)3 – css arrow-up3 –

矢印(↑)アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような・・・ ソース html <div class="arrow_up3"></div> css .arrow_up3 { fo...
アイコン

矢印(→)2 – css arrow-right2 –

矢印(→)アイコンの別パターンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="arrow_right2"></div> css /* 円 */ ...
アイコン

矢印(←)2 – css arrow-left2 –

矢印(←)アイコンの別パターンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="arrow_left2"></div> css /* 円 */ ....
アイコン

矢印(↓)2 – css arrow-down2 –

矢印(↓)アイコンの別パターンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="arrow_down2"></div> css /* 円 */ ....
アイコン

矢印(↑)2 – css arrow-up2 –

矢印(↑)アイコンの別パターンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="arrow_up2"></div> css /* 円 */ .ar...
アイコン

矢印(→) – css arrow-right –

矢印(→)アイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="arrow_right"></div> css /* 長方形 */ .arro...
アイコン

矢印(←) – css arrow-left –

矢印(←)アイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="arrow_left"></div> css /* 長方形 */ .arrow...
アイコン

矢印(↓) – css arrow-down –

矢印(↓)アイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="arrow_down"></div> css /* 長方形 */ .arrow...
アイコン

矢印(↑) – css arrow-up –

矢印(↑)アイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="arrow_up"></div> css /* 長方形 */ .arrow_u...
アイコン

ホーム – css home –

ホームアイコンを作成してみました。ちょっと不恰好ですが、最初はこんなもんかな・・・ ソース html <div class="home1"></div> css /* 壁 */ .home1 { font-...
基本図形

六角形 – css Hexagon –

「六角形」の描画。borderを使った例とbackgroundを使った例です。 borderを使った例 html <div class="hexagon"></div> css .hexagon { pos...
基本図形

五角形 – css Pentagon –

「五角形」の描画。borderを使った例とbackgroundを使った例です。 borderを使った例 html <div class="pentagon"></div> css .pentagon { p...
基本図形

星形 – css Star –

「星形」の描画。borderを使った例です。 html <div class="star"></div> css .star { position: relative; width: 0; height...
基本図形

平行四辺形 – css Parallelogram –

「平行四辺形」の描画。borderを使った例とbackgroundを使った例です。「Parallelogram」って知りませんでした・・・ borderを使った例(縦1) html <div class="parallelog...
基本図形

台形 – css Trapezoid –

「台形」の描画。borderを使った例とbackgroundを使った例です。「Trapezoid」って知りませんでした・・・ borderを使った例(上) html <div class="trapezoid_up">&l...
基本図形

三角形2 – css triangle –

「三角形」の描画。borderを使った例とbackgroundを使った例です。 borderを使った例(左上) html <div class="triangle_left_up"></div> css .t...
基本図形

三角形 – css triangle –

「三角形」の描画。borderを使った例とbackgroundを使った例です。 borderを使った例(上) html <div class="triangle_up"></div> css .triangl...
基本図形

楕円形 – css oval –

「楕円形」の描画。値の指定で角丸から楕円まで出来ます。また、borderの使い方で色々と出来そうです。 html <div class="oval"></div> css .oval { width: 160...
スポンサーリンク
タイトルとURLをコピーしました