企业做网站的费用账务如何处理,各大网站查重率比较,金融中介做网站需要,当今做哪个网站致富这个页面也是我看到别人的写的#xff0c;感觉不错#xff0c;就自己留下了为了以后自己可以容易找到#xff0c;也希望可以方便到别人。 写这个页面 需要注意的是#xff1a; 1.写每一个小图片的位置时候#xff0c;要用id,这样等级就高了#xff0c;不然不起作用。 2.因…这个页面也是我看到别人的写的感觉不错就自己留下了为了以后自己可以容易找到也希望可以方便到别人。 写这个页面 需要注意的是 1.写每一个小图片的位置时候要用id,这样等级就高了不然不起作用。 2.因为每个图片的大小位置距离是差不多的。加入是30px, 那么第一个位置就是-20px-20px因为位置是从0,0左上开始的现在平移是 往右下走就好比第四象限按-20n px, - 20n px走。 3.引入的这个图片是一样的只是颜色不一样都放到父级里一个是现在的状态一个是鼠标划过的状态位置都不用变就可以换图片了。 !doctype html html langen head meta charsetUTF-8 title背景background-position切图/title style .showImage{ background-image: url(9pic2.jpg); width: 100px; height: 100px; } .showImagea hrefjavascript:; target_blank classbaidu-highlight:hover/a{ background-image: url(9pic1.jpg); } ul{ a hrefjavascript:; target_blank classbaidu-highlightlist-style/a: none; } ul li{ float: left; margin: 20px; } #item1{ background-position: 0 0; } #item2{ background-position: -100px 0; } #item3{ background-position: -200px 0; } #item4{ background-position: 0 -100px; } #item5{ background-position: -100px -100px; } #item6{ background-position: -200px -100px; } #item7{ background-position: 0 -200px; } #item8{ background-position: -100px -200px; } #item9{ background-position: -200px -200px; } /style /head body div classcontainer ul li iditem1 classshowImage/li li iditem2 classshowImage/li li iditem3 classshowImage/li li iditem4 classshowImage/li li iditem5 classshowImage/li li iditem6 classshowImage/li li iditem7 classshowImage/li li iditem8 classshowImage/li li iditem9 classshowImage/li /ul /div /body /html 转载于:https://www.cnblogs.com/zxhh/p/6839843.html
