网页设计CSS 这种图片是怎么用的

html-css021

网页设计CSS 这种图片是怎么用的,第1张

这个+号可以用于更多什么的。。

搜索类的提交按钮。

然后,楼上的兄弟也提到了。可以减少客户端和服务器的连接次数。

用一张图片代替所有的背景图。

background:url(XXX.png) norepeat 0 -10px

则中就可以选中离头部20px的那部分了。

<img src="333.png" width="100" height="230" onclick="alert('1')">

这是一种方式。行内写JS代码

<img src="333.png" width="100" height="230" onclick="show(1)">

<img src="333.png" width="100" height="230" onclick="show(2)">

<img src="333.png" width="100" height="230" onclick="show(3)">

<img src="333.png" width="100" height="230" onclick="show(4)">

<img src="333.png" width="100" height="230" onclick="show(5)">

<img src="333.png" width="100" height="230" onclick="show(6)">

<img src="333.png" width="100" height="230" onclick="show(7)">

<img src="333.png" width="100" height="230" onclick="show(8)">

<script>

function show(i)

{

alert("您点击了第"+i+"张图片")

}

</script>

最简单的方式是直接给图片加个白色的边框:

<img src="images/123.jpg" style="border:3px solid #fff" />

想好看点的话在白边外再套一个模拟阴影的边框,这样更真实:

<div style="float:leftborder:1px solid border-color:#d0d0d0 #aaa #aaa #d0d0d0">

    <img src="images/123.jpg" style="display:blockborder:3px solid #fff" />

</div>