导航:首页 > 万维百科 > 网页设计DW怎么设置CSS样式悬停

网页设计DW怎么设置CSS样式悬停

 发布时间：2021-03-11 19:55:19

1、Dreamweaver网页设置如果运用CSS样式做出鼠标经过文字，文字变色？ 求高手解答！~

a{color:block;}
a:hover{color:red}

2、html css 网页设计 a:link ,a:visited,a:hover, 怎么 添加行内样式

a:link，a:visited，a:hover，貌似不可以用行内样式表示哦。

可以用内部样式：

<style>
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}
</style>

也可以用css文件中的外部样式：

<link rel="stylesheet" type="text/css" href="test.css"></link>
test.css文件里：
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}

但是貌似不可以用行内样式的。

如果一定要用，可以这样的方式来：

<a href="javascript:void(0);" onmouseover="this.style.color='yellow';" onmouseout="this.style.color='blue';" onclick="this.style.color='red';">链接</a>

其中，onmouseout对应的a:link，onclick对应的a:visited，onmouseover对应的a:hover

3、Dreamweaver中的css样式怎么设置

Dreamweaver中CSS面板的设置步骤：

首先这里我们是需要你新建一个HTML文档的，这里我们直接打开工具，之后选择新建HTML即可

建立完毕之后这里我们使用快捷键，Shift+F11随后我们就可以看到CSS面板

在面板中用鼠标右击之后选择里面的“新建”，之后会弹出新建CSS规则表格，将选择类型设置~为类，名称设置为~测试，定义在~仅对该文档，点击“确定”。随后弹出图下中所示的测试CSS规则定义。

在css定义框中我们是可以看到。类型 背景 区块  方框 边框  列表  定位 扩展。在类型框中将字体大小，样式、行高等进行设置

随后是个背景的设置，这里我们是可以设置背景颜色和背景图像的，这里还可以设置区块模式，定位，列表等都是可以通过自己的设置而变得美化的。

设置完毕，输入内容我们就可以看到我们设置的结果。

4、dreamweaver中如何使用CSS样式

应该是你的路径中含有中文或者特殊字符，dw中可以识别，但在浏览器显示的时候路径无法识别。尝试将路径用英文表示试试

5、Dreamweaver网页设置,如果运用CSS样式套用，设置鼠标经过文字链接！文字变色？

在CSS里面写文字连接的样式即可.
a:hover{ color:#666;} 鼠标移上去颜色变灰,鼠标移走即变回原来的颜色.
一般都按顺序写:
a:link {} 对象未被访问前的样式
a:hover {} 设置对象在鼠标悬停时的样式
a:active {} 置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式
a:visited {} 置a对象在其链接地址已被访问过时的样式

一般写法顺序是这样.

6、如何在Dreamweaver中设置CSS样式，具体过程怎么操作？

切换到代码模式，找到<head></head>

然后在里面写
<style type="text/css">
*{
background:#000;/*背景色*/
color:#ff0000;/*页面中的字体颜色*/
line-height:21px;/*页面中的行高*/
}
</style>

以上是个简单的例子
随着样式里的数值变化，来控制网页的样子，有兴趣可以学学：）

7、在DW,CSS样式中link，visited，hover，active这四个分别表示什么意思？

link;visited;hover;active解释及正确顺序：

a:link 选择器设置指向普通的、未被访问页面的链接的样式

a:visited 选择器用于设置指向已被访问的页面的链接

a:active 选择器用于活动链接

a:hover 选择器用于选择鼠标指针浮动在上面的元素。

text-decoration 属性大多用于去掉链接中的下划线：

例如：a:link{text-decoration：none;}看到别人总结的两点参考下记忆：

在CSS中，如果对于相同元素有针对不同条件的定义，宜将最一般的条件放在最上面，并依次向下，保证最下面的是最特殊的条件。

“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。
再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active 

(7)网页设计DW怎么设置CSS样式悬停扩展资料：

css链接link时，链接可以使用任何css属性,包括字体.颜色.背景等等. 链接有四个状态,可在四个状态时设置不同的属性 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover -

当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 当为链接的不同状态设置样式时,需要遵循a:hover 必须位于a:link 和a:visited之后,a:active 必须位于 a:hover 之后。

8、DW中怎么添加CSS效果

一般有四种方法:
1.<p style="color: sienna;margin-left: 20px;">
直接把样式写在代码中格式是style=""
</p>
2.<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">链接外部css文件,mystyle.css改成你的css路径
3.写到页面头部<head></head>之间
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
4.<style type=”text/css”>
<!--
@import “mystyle.css”
其他样式表的声明
-->
</style> 用import导入css文件
其中第二种跟第三种方法比较常用!

9、DW中怎么添加CSS样式

1、先启动DW软件，新建文档，文档类型选择【</>HTML】-【XHTML1.0】，然后点击【创建】。

2、点击创建后，DW会为之创建一个HTML文件，我们在body标签中加入一个div标签组。

3、然后在div标签中输入下图中的代码，style代表了这个div直接添加了CSS样式，这样就成功了。样式要在英文的引号中，否则是不起作用的。

10、用DW制作网页时，如何为同一页面中不同层的链接文字设置不同的鼠标悬停样式

.样式名 a:hover{color:#ff0000；text-decoration；}
调用不同的样式就可以。不同的样式就像上面那样定义不同的属性就可以了。

与网页设计DW怎么设置CSS样式悬停相关的知识