0
点赞
收藏
分享

微信扫一扫

一张图片,可以实现各个菜单背景变…

洲行 2022-12-26 阅读 76


​​​​


​​

一张图片,可以实现各个菜单背景变…_CSS

​​



​​网页部分:​​


<DIV class=banner_r><A class=b1 href="kjjj.html">按钮一</A> <A class=b2 href="kcxf.html">按钮二</A> <A class=b3 href="kcxf.html">按钮三</A> </DIV>



​​CSS部分​​



.banner_r {


WIDTH: 240px; FLOAT: left


}


.banner_r A {


MARGIN-TOP: 1px; TEXT-INDENT: -99999em; WIDTH: 240px; DISPLAY: block; HEIGHT: 99px


}


.b1 {


MARGIN-TOP: 0px; BACKGROUND: url(images/b_r.jpg)


}


.b1:visited {


MARGIN-TOP: 0px; BACKGROUND: url(images/b_r.jpg)


}


.b1:hover {


BACKGROUND: url(images/b_r.jpg) 240px 0px


}


.b2 {


BACKGROUND: url(images/b_r.jpg) 0px 200px


}


.b2:visited {


BACKGROUND: url(images/b_r.jpg) 0px 200px


}


.b2:hover {


BACKGROUND: url(images/b_r.jpg) 240px 200px


}


.b3 {


BACKGROUND: url(images/b_r.jpg) 0px 100px


}


.b3:visited {


BACKGROUND: url(images/b_r.jpg) 0px 100px


}


.b3:hover {


BACKGROUND: url(images/b_r.jpg) 240px 100px


}

举报

相关推荐

0 条评论