|
|
主题: 关于CSS的问题
|
jazzsax
职务：普通成员
等级：1
金币：0.0
发贴：47
注册：2002/6/5 16:15:16
|
#12002/6/9 21:40:28
我在使用DM制作网页，想将链接做成不带下划线，当鼠标移动到上面就变色出现下划线，点击后弹出新的窗口显示链接内容。
我知道有用到CSS，但没有试出来，在此请教了。谢谢！
|
jdwork
职务：普通成员
等级：1
金币：1.0
发贴：221
注册：2001/3/14 14:32:19
|
#22002/6/9 21:47:48
A:link { TEXT-DECORATION: none } A:link { TEXT-DECORATION: none } 在链接里设 链接在dw中用css面板很容易做出来
|
=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
注册：2004/1/13 11:47:04
|
#32002/6/9 22:11:06
注意看本版置顶的贴子！
|
jazzsax
职务：普通成员
等级：1
金币：0.0
发贴：47
注册：2002/6/5 16:15:16
|
#42002/6/9 22:26:56
这是我原来的定义的.word { font-family: "宋体"; font-size: 12.5px; color: #0066cc; text-decoration: none}
不知道A:link { TEXT-DECORATION: none }加在哪里，另外如何定义划动到文字上所变的颜色呢？
A:link { TEXT-DECORATION: none }
再次请教了，谢谢！
我是今天刚来有不妥的地方，请大家多多包涵，谢谢！
|
=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
注册：2004/1/13 11:47:04
|
#52002/6/9 22:37:13
A:hover {BACKGROUND－COLOR: ＃ffccff; COLOR: ＃0080ff}
(hover表示鼠标指示时,链接文字背景色为＃ffccff;前景色为＃0080ff)
A:link {color:＃000000;TEXT－DECORATION: none}
(link表示未被访问时,链接颜色为黑色,链接无下划线.)
A:visited {color:gray;TEXT－DECORATION: none}
(visited表示被访问后,链接颜色为灰色,链接无下划线.)
A:active {color:green;text－decoration: none}
(active表示鼠标点击时,链接颜色为绿色,链接无下划线.)
A:hover {TEXT－DECORATION: underline}
(hover表示鼠标指示时,链接显示下划线)
注释：
none——没有下划线
underline——下划线
overline——上划线
line－through——中划线
以上是比较典型的一段CSS代码，代码中的参数值可随意更换调试。有了CSS的预先设置，你会发现制作网页变得更轻松了。
将样式表：
< style type="text/css" >
a:link{ text-decoration:underline }
a:hover { text-decoration:underline }
a:visited{ text-decoration:underline }
< /style >
放到页面的HEAD中
|
jazzsax
职务：普通成员
等级：1
金币：0.0
发贴：47
注册：2002/6/5 16:15:16
|
#62002/6/9 22:43:14
我明白了，非常感谢！！！
|
=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
注册：2004/1/13 11:47:04
|
|
accord
职务：普通成员
等级：1
金币：1.0
发贴：212
注册：2002/7/2 13:47:52
|
#82002/7/4 17:29:57
hover要放在最后，否则visited会忽略他。
|
Stag
职务：普通成员
等级：1
金币：0.0
发贴：85
注册：2002/3/18 19:15:00
|
#92002/7/5 15:35:11
是的，这几个东东是有顺序的，如果有问题，多试试四个链接CSS的顺序。
|
DW5
职务：普通成员
等级：2
金币：1.0
发贴：399
注册：2001/10/21 9:02:05
|
#102002/7/5 20:15:05
顺序不能乱试的：
a:link
a:visited
a:hover
active简直就是没用的，可以不理
|
