首页
韩国资源
酷站加油
我的展厅
设计名站
古典元素
推荐下载
设计欣赏
每周专访
招募精英
人才专区
网页教程
平面设计
编程开发
设计竞赛
当前位置：
首页
>
网页教程
>
HTMLCSS教程
> 正文
输入您的搜索字词
提交搜索表单
CSS+DIV设计实例：Hover over下的边框变化
来源：天极网
2006年05月26日 10:33
网友评论：0条
点击：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> p#outer { position:relative; float:left; margin-top:20px; margin-left:20px; background: blue; } #outer a { margin:0; background-color:blue; display:block; position: relative; border:2px dashed red; } #outer a:hover {border:2px dashed #CCFFCC;} #outer img {display:block;border:none;background:#ffffcc;padding:4px;} </style> </head> <body> <h1>Hover over the image to see the double border effect</h1> <p id="outer"><a href="#"><img src="http://www.pmob.co.uk/temp/images/screenanother3col.gif" alt="example image border" width="150" height="86" /></a> </p> </body> </html> <script language="Javascript"> var now = new Date(); document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); </script> <noscript> <img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noscript>
上一篇：
CSS+DIV设计实例：看看IE中有关1px的Bug
下一篇：
background-position的妙用
【
收藏此页
】【
打印
】【
关闭
】
相关文章
我要点评
免责声明
：本站刊载此文不代表同意其说法或描述，仅为提供更多信息，也不构成任何建议。对本文有任何异议，请联络：68design#163.com
转载要求
：作者及来源信息必需保留。转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印。
关于我们
|
在线反馈
|
广告报价
|
友情链接
|
联系我们
|
免责声明
|
在线投稿
|
网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve
【找网页设计师，当然上网页设计师联盟】
