2014年02月1日

グラデーションとborder-radiusを使ったグローバルメニューの例

CSS3のグラデーションと角丸を使ったメニューバー。 ブラウザ表示 Home Products Contact HTMLソース [html] <div ... 続きを読む
2014年01月26日

heightが反映されないときの対処法

floatを使わない親要素の中の子要素で、floatを使った場合にheightが反映されない場合。 そのときの対処法。 対処法①、②ともHTMLは共通。 HTMLのソース [html] <div id="wra ... 続きを読む
2013年08月18日

CSSだけで円と三角形を作るソース

CSS3で、円と三角形を作るときのソース。 円 ブラウザ表示例 CSSソース [css] .circle{ background:#20b2aa; width:80px; height:80px; text-ali ... 続きを読む
2013年06月17日

フォーム入力欄・ボタンのCSS装飾

入力欄 inputで入力欄を作成するtypeには、text、passwordの他にも、email、datetime、search、url、telなどがある。 しかし、ブラウザサポートに注意!通常はtext、passwordのみ。 ... 続きを読む
2013年06月16日

CSS3 ブラウザごとに調整が必要なプロパティまとめ

クロスブラウザにするためのCSS3の記述方法。 角を丸くする [css] border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; ... 続きを読む