CSS+DIV设计实例不同色链接和其下划线

 代码如下 复制代码
<style type="text/CSS">
a{ color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover { color:#FF0000; text-decoration:underline;}
a span { color:#333333;}
</style>
<a href="#"><span>111</span></a>

function Preview(obj)
{
var TestWin=open('');
TestWin.document.write(obj.value);
}
function copyCode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
function saveCode(obj) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','homepage..htm');
winname.close();
}
<style type="text/css">
a{ color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover { color:#FF0000; text-decoration:underline;}
a span { color:#333333;}
</style>
<a href="http://homepage./"><span>网页陶吧-把你的鼠标放上来看看</span></a><s cript language="javas cript">
var now = new Date();
document.write("<img src='/"' border='0' alt='' width='0' height='0'>");
</s cript>
<nos cript>
<img src="/" border='0' width='0' height='0'/>
</nos cript>

时间: 2024-09-29 23:40:33

CSS+DIV设计实例不同色链接和其下划线的相关文章

CSS基础学习:不同色链接和其下划线

css|链接 <style type="text/css">a{ color:#333333; text-decoration:none;}a:visited {color:#333333; text-decoration:none;}a:hover { color:#FF0000; text-decoration:underline;}a span { color:#333333;}</style> <a href="http://www.we

CSS+DIV设计实例:纯CSS制作下拉导航菜单

css|菜单|设计|下拉 纯CSS制作的下拉导航菜单-这是一个老外的作品,基本上全是用CSS+HTML写出来的,值得大家学习 以下是引用片段:<style type="text/css">.menu {font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em;padding-bottom:250px;}.menu ul {padding:0; margin:0;lis

CSS+DIV设计实例:不同色链接和其下划线

css|链接|设计 以下是引用片段:<style type="text/css">a{ color:#333333; text-decoration:none;}a:visited {color:#333333; text-decoration:none;}a:hover { color:#FF0000; text-decoration:underline;}a span { color:#333333;}</style> <a href="#&

CSS+DIV设计实例:超酷的竖排导航栏

css|设计 HTML: 以下是引用片段:<div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Item one</a>  <ul id="subnavlist"> <li id="suba

CSS+DIV设计实例:看看IE中有关1px的Bug

css|设计 <!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

CSS+DIV设计实例:实现让多个DIV排列时居中

css|设计 <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.

CSS+DIV设计实例:Hover over下的边框变化

css|设计 <!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

CSS网页设计实例:商旅网首页的标签切换

文章简介:CSS网页设计实例:商旅网首页的标签切换. 上个月的项目了...标签切换有很多方法可以实现,这里贴一段我个人很喜欢用的代码: <ul class="tabmenu"><li class="menu_flt">机票</li>< li>酒店</li>< li>旅游度假</li>< /ul> 对于web标准化来讲,这种结构很清晰,当图片未显示的时候同样可以知道文本内容

CSS网页技巧:实现超级链接文字上划线和下划线

css|技巧|链接|网页 链接文字的上划线.下划线.删除线(贯穿线).闪烁等可以通过CSS的text-decoration属性来实现.其属性值与效果相对应的关系如下: text-decoration: none : 无装饰blink : 闪烁underline : 下划线line-through : 删除线(贯穿线)overline : 上划线 学习了此属性的一些用法,我们不难看出,链接文字上划线.下划线同时出现可以通过:text-decoration: underline overline,即