dreamweaver 8 css 创建问题

我现在有一个fenzhan.css的文件,我想再在这个文件里加一个控制表格里内容链接的CSS样式。请问怎么建立。
还有像这个的a:link,a:visited,a:active是怎么一块建立的呀?
请高手指教!!

1.在你的站点下新建个名为css的文件夹,把fenzhan.css放进去。
2.新建一个html页面。打开代码页-在<head></head>之间输入-<link href="css/fenzhan.css" type="text/css" rel="stylesheet" />
3.至于链接样式,先解释下它的属性的含义:
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——中划线

具体是这么写,也写在<head></head>之间:
<html>
<head>
<title>CSS制作多种链接样式实例</title>
<style type="text/css">
<!--
a:link { color: #CC3399; text-decoration: none}
a:visited { color: #FF3399; text-decoration: none}
a:hover { color: #800080; text-decoration: underline}
a:active { color: #800080; text-decoration: underline}

a.red:link { color: #FF0000; text-decoration: none}
a.red:visited { color: #FF0000; text-decoration: none}
a.red:hover { color: #606060; text-decoration: underline}
a.red:active { color: #606060; text-decoration: underline}

a.ameth:link { color: #400040; text-decoration: none}
a.ameth:visited { color: #400040; text-decoration: none}
a.ameth:hover { color: #FF3399; text-decoration: underline}
a.ameth:active { color: #FF3399; text-decoration: underline}

div.other a:link { color: #004000; text-decoration: none}
div.other a:visited { color: #004000; text-decoration: none}
div.other a:hover { color: #008000; text-decoration: underline}
div.other a:active { color: #008000; text-decoration: underline}
-->
</style>
<!-- 链接样式表 -->
</head>
<body>
第一种样式(默认的) <a href="http://www.dayanmei.com">个人日志</a> <br>
第二种样式 <a class="red" href="http://www.dayanmei.com">个人日志</a><br>
另外一种实现链接样式的方法 <a class="ameth" href="http://www.dayanmei.com">个人日志</a><br>
<div class="other">DIV容器实现链接样式的方法 <a class="other" href="http://www.dayanmei.com">个人日志</a></div><br>
</body>
</html>
4.如果先将css链接样式写到css文件中是这么招:
css样式文件 default.css

a:link { color: #CC3399; text-decoration: none}
a:visited { color: #FF3399; text-decoration: none}
a:hover { color: #800080; text-decoration: underline}
a:active { color: #800080; text-decoration: underline}

a.red:link { color: #FF0000; text-decoration: none}
a.red:visited { color: #FF0000; text-decoration: none}
a.red:hover { color: #606060; text-decoration: underline}
a.red:active { color: #606060; text-decoration: underline}

a.ameth:link { color: #400040; text-decoration: none}
a.ameth:visited { color: #400040; text-decoration: none}
a.ameth:hover { color: #FF3399; text-decoration: underline}
a.ameth:active { color: #FF3399; text-decoration: underline}

div.other a:link { color: #004000; text-decoration: none}
div.other a:visited { color: #004000; text-decoration: none}
div.other a:hover { color: #008000; text-decoration: underline}
div.other a:active { color: #008000; text-decoration: underline}

现在,你只需要将CSS包含进你的HTML文件就可以了
index.htm

<html>
<head>
<title>CSS制作多种链接样式实例</title>
<link rel="stylesheet" type="text/css" href="default.css">
<!-- 链接样式表 -->
</head>
<body>
第一种样式(默认的) <a href="http://www.dayanmei.com">个人日志</a> <br>
第二种样式 <a class="red" href="http://www.dayanmei.com">个人日志</a><br>
另外一种实现链接样式的方法 <a class="ameth" href="http://www.dayanmei.com">个人日志</a><br>
<div class="other">DIV容器实现链接样式的方法 <a class="other" href="http://www.dayanmei.com">个人日志</a></div><br>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2008-05-28
很多种方法呢:
1,给表格一个ID或者CLASS
#aa a:link{color: #ffffff; text-decoration:none;}
#aa a:visited{color: #ffffff; text-decoration:none;}
#aa a:hover{color: #ffff00; text-decoration:none;}
#aa a:active{color: #000000; text-decoration:none;}
2,所有TD下的链接改变
td a:link{color: #000000; text-decoration:none;}
td a:visited{color: #000000; text-decoration:none;}
td a:hover{color: #ff0000; text-decoration:none;}
td a:active{color: #000000; text-decoration:none;}
3,给每个赋予样式
a.aa:link{color: #000000; text-decoration:none;}
a.aa:visited{color: #000000; text-decoration:none;}
a.aa:hover{color: #ff0000; text-decoration:none;}
a.aa:active{color: #000000; text-decoration:none;}

还有像这个的a:link,a:visited,a:active是怎么一块建立的呀?
--------------------------------------------------------
这个应该是不能一起建立的,挨个打吧

如何用Dreamweaver 8 创建css样式表代码
1、创建css样式,点击窗口\\css样式,可以打开css样式编辑窗口,还可以直接在属性面板内创建。2、点击属性面板的编辑规则,或者是css样式窗口的+号就可以打开新建css规则对话框。3、选择要创建的css样式的内容。比如要为段落更改样式。4、在弹出的定义对话框中,选择要更改的各种属性。比如把段落的字体大小...

dreamweaver8软件中创建css样式“文本对齐”为什么没有底部或顶部?我想...
如果想使用底对齐只能使用css的padding或者line-height设为适当的值,将文本调整到所在块的底部。假如说你是一行文本,行高25,而块元素是125px。要将这个设为底对齐可以这么设定,你的类名.className{width:100px;height:25px;line-height:25px;padding-top:100px;}这样文本就底对齐了,并且高度是125...

我的Dreamweaver 8一修改CSS代码,然后保存一下,就一直卡住了,怎么会...
应该是写的css属性不符合规则,还有一个很多人容易出错的地方,以前我也经常碰到,那就是你css里使用了position:absolute;或者 position:relative;属性,尤其是position:absolute;最容易让Dreamweaver崩溃,不单单是Dreamweaver这个软件容易出错,其他的编码软件如果乱用属性也容易卡,甚至造成死机 至于什么原因造...

高分悬赏,怎样用Dreamweaver8进行创建不同的CSS超链接文字颜色及文字...
还有很多方法。但记住。最好不要用全局的a样式 说到显示器分辨率那是布局的问题 如果说IE6、IE7、IE8、FF等显示不同。那是兼容问题,你以后会大量的遇到这些问题。慢慢来吧。建议你先好好看看书 参考资料:http:\/\/www.52css.com\/

在dreamweaver8中,用css设置文字行间距,结果整个页面包括标题的文字都发...
你用css设置文字行间距,css的作用范围不对!

我在Dreamweaver8中建立的下拉列表中的文字怎么是竖着的,麻烦您能帮...
设置好layer的宽度。使用表格的话,配置宽度为能放下这些字的宽度 应用css样式表writing-mode,设置对象书写方向。语法为:writing-mode : lr-tb、tb-rl,其中lr-tb表示从左向右,从上往下,tb-rl表示从上往下,从右向左。例如:div {writing-mode: tb-rl;} ...

Dreamweaver 8的“CSS 样式定义”对话框在哪儿?
菜单:文本 > CSS样式 > 新建 之后会出现一个对话框如图,填写相应的参数后“确定”就会打开你说的对话框

用Dreamweaver8做网页,为什么用Div层背景的CSS设置背景图片不能显示...
你的CSS是不是调用的啊,如果你CSS是调用的,你必须得按照你的那个CSS文件路径来设置背景的路径,例如,你如果不是调用的,而且那背景是Images\/bg.gif,就直接用这个路径就好,但如果你新建了一个文件夹,放CSS作调用,那你路径得加上..\/了 ...

我用Dreamweaver 8这座的网页为什么没有成品那么紧凑呢
那就是你的CSS样式没有设置好了,在网站发布前,字体大小,网页宽度,行间距,都要在CSS里定义清楚,而且要精确到像素,对于网页的宽度不推荐使用百分比,这样后期修改起来也会比较麻烦,总之,CSS问题

...Dreamweaver 8不可以一个页面实现两个超衔接的CSS样式
- -可以实现 是你自己没有写2个。。而是用的系统默认的 css--- link_01{ color:#red} link_02{ color:#000} html--- 链接1 链接2

相似回答
大家正在搜