CSS3 | Ri-mode Memo

2014年02月1日

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

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

2014年01月26日

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

2013年08月18日

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

2013年06月17日

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

2013年06月16日

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