DW中如何对链接设置不同的样式?

DW中如何对链接设置不同的样式?,第1张

设置不同的class或id。比如,你对两个需要加链接的文字设置不同的class,分别是p1和p2

<p class="p1"><a href="http://www.baidu.com">百度</a></p>

<p class="p1"><a href="http://www.baidu.com">百度</a></p>

样式表应该如下:

.p1 a{color:#000} //p1中超链接的正常状态,字体颜色为#000

.p1 a:hover{color:#069}//p1中超链接的鼠标悬置状态,字体颜色为#069

.p2 a{color:#ff0} //p2中超链接的正常状态,字体颜色为#ff0

.p2 a:hover{color:#f00}//p2中超链接的鼠标悬置状态,字体颜色为#f00

一个简单的例子,具体的你自己尝试一下。你也可以设置a的样式,而不是p的样式。

在DW软件的HTML编辑页面中可以做超链接,具体 *** 作请参照以下步骤。

1、在电脑上打开DW软件,进入主界面后点击HTML来创建一个新的编辑页面。

2、接着在设计的版面中按个人需求输入超链接名字,这里演示输入的是“百度主页”。

3、然后用鼠标选中刚刚输入的文字内容“百度主页”。

4、然后在界面下方的属性框中,点击HTML属性,在其链接栏中输入百度主页的网址。

5、完成以上设置后,即可在DW软件中创建超链接。

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11655782.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存