New!!Css!!Lecture!! -8ページ目

New!!Css!!Lecture!!

ブログの説明を入力します。

アメーババーの右端にある検索枠の枠色と背景色、
検索ボタンの画像をこのタグで変えれます。

まずは、検索枠の枠色と背景色を変えるタグ。
↓をCSS欄の最後にコピペです。


li#barSrch .barKey{
border:1px solid #■;/*枠の色*/
background-color:#■;/*背景色*/
}


次に検索ボタンの画像を変えるタグ↓


li#barSrch .barButton {
width:●px;/*画像の横幅*/
height:21px;
background:url(★) no-repeat 0 0px;/*画像URL*/
}

検索ボタンは縦を21pxにしてください。
横幅は何でも大丈夫です。


でも、横幅が長すぎると
検索枠と検索ボタンがかぶっちゃいます。

そしたら、↓のタグもCSS欄の最後にコピペ。


li#barSrch{
width:●px;
}

↑の●に最初は200を入れて、表示を確認しながら
検索枠と検索ボタンが離れるまで
数値を少しずつ大きくしてってください。


もらうときはコメ!

nixさんからの提供。