CDP用メニューCSS

CSS

rowList_005のスタイルシート: @charset "Shift_JIS; @media screen{ #MENU ul { margin: 0; padding: 0; } #MENU01, #MENU02, #MENU03, #MENU04 { display: block; list-style: none; margin: 0; padding: 0; border: 0; } #MENU01 a:link, #MENU02 a:link, #MENU03 a:link, #MENU04 a:link { /* メニューリンク */ display: block; padding: 0; border-bottom: 3px solid #CCCCCC; color: #000000; text-decoration: none; overflow: hidden; zoom: 1; /* IEバグ用 */ } #MENU01 a:visited, #MENU02 a:visited, #MENU03 a:visited, #MENU04 a:visited { /* 訪問済みリンク */ border-color: #CCCCCC; color: #000000; } #MENU01 a:hover, #MENU01 a:focus, #MENU02 a:hover, #MENU02 a:focus, #MENU03 a:hover, #MENU03 a:focus, #MENU04 a:hover, #MENU04 a:focus { /* オンマウス時とフォーカス時のリンク */ border-color: #000000; color: #000000; } #MENU li.menu-on a { /* 該当ページリンク */ border-color: red; color: #000000; } }

テキストエリア内のスタイルシートをコピーする（JavaScript有効下では、テキストエリア内クリックか、ラベル（テキストエリア上部のrowList_005のスタイルシート）をクリックする等テキストエリアをフォーカス状態にすると内容が「すべて選択」された状態になる）
テキスト編集ソフトを開いてコピーした内容をはりつけ、style.cssとして保存
style.cssを上書き保存する