用CSS为你的网页图片打造漂亮相框- 博客技巧博客代码博客{tx}博客素材 ...企业库|免费b2b网站

用CSS为你的网页图片打造漂亮相框- 博客技巧博客代码博客{tx}博客素材 ...

用CSS为你的网页图片打造漂亮相框 [转贴 2010-02-22 07:32:55] 删除...

看到别人用PS做的漂亮边框，而自己又不会？如果是用在网页上的话，那么用CSS就可以解决这个问题。
打开记事本，输入以下内容。
<html >
<head>
<title>无标题文档</title>
</head>
<body>
<table >
<tr><td><img src="1.jpg" /></td></tr>
</table>
</body>
</html>
把它保存为picture.html。双击它看一下，懂HTML语言的朋友不用看就知道，这张图片不会有任何效果。

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" onclick="if(this.width>=200) window.open('http://img80.cfanhome.com/tianma/200904/8_88407_19ecd4fa946fae7.jpg');" src="http://img80.cfanhome.com/tianma/200904/8_88407_19ecd4fa946fae7.jpg" width=200 onload="var image=new Image();image.src=this.src;if(image.width>0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" border=0>
现在我们来把代码改一下。
找到<table>这一行，我们把它改成<table style="border:15px; border-style:ridge">
现在保存该网页，再运行看一下效果。
0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" onclick="if(this.width>=200) window.open('http://img80.cfanhome.com/tianma/200904/8_88407_54b1f233bb6dbfd.jpg');" src="http://img80.cfanhome.com/tianma/200904/8_88407_54b1f233bb6dbfd.jpg" width=200 onload="var image=new Image();image.src=this.src;if(image.width>0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" border=0>
来源：和桃园

郑重声明：资讯【用CSS为你的网页图片打造漂亮相框- 博客技巧博客代码博客{tx}博客素材 ...】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——