设计实例：Hover over下的边框变化－域名频道资讯dns110.com

设计实例：Hover over下的边框变化

设计实例：Hover over下的边框变化

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　<head>

　　<title>Untitled Document</title>

　　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>

　　</body>

　　</html>

　　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>

来源：互联网
阅读：次
日期：2010-8-5

【收藏此文】【打印此文】


	推荐内容 DIV元素和SPAN元素的区别 Dreamweaver制作网页技巧20则网页设计的发展历史


	最近更新设计实例：Hover over下的边框变化设计实例：看看IE中有关1px的Bug CSS网页代码编写技巧：隔行换色的实现 CSS讨论：IE下中英文字体下划线对齐问题雅黑字体对IE显示网页布局的影响可扩展圆角标签的实现方法相册的自动播放效果SlideShow CSS控制文本自动换行 Div+CSS+JS树型菜单，可刷新聚氨酯漆和聚酯漆有什么不同上海品牌网站建设－上海专业的网站建设公司广西移动 www.gx.chinamobile.com 河南工业大学 www.zzit.edu.cn 河南移动 www.ha.chinamobile.com 黑龙江信息港 www.hlj.net 黑龙江卫视 www.hljtv.com 辽宁师范大学 www.lnnu.edu.cn 辽宁福彩 www.lnlotto.com PHP生成静态页面详解 CSS规则层叠时的优先级算法


	人气排行辽宁福彩 www.lnlotto.com 河南移动 www.ha.chinamobile.com 广西移动 www.gx.chinamobile.com 黑龙江卫视 www.hljtv.com 河南工业大学 www.zzit.edu.cn 网页设计的发展历史为所有的图片加上Alt属性使用UL列表布局导航菜单在页面head标签中引入所有的样式表文件不要使用嵌入式CSS样式黑龙江信息港 www.hlj.net 一定要闭合HTML标签 DIV元素和SPAN元素的区别 CSS规则层叠时的优先级算法在页面底部引入javascript文件 Dreamweaver制作网页技巧20则声明正确的文档类型( DocType ) 不要随意使用框架不要使用嵌入式JavaScript，这都21世纪了！聚氨酯漆和聚酯漆有什么不同辽宁师范大学 www.lnnu.edu.cn