设置页面和浏览器的元素 - CSS/DIV布局专题 - 第4课
本节课时长10分35秒，下载文件10.1兆字节。下载的视频文件为FLV格式，推荐使用“Riva Flv Player”软件播放，点击这里下载。
网页中除了上面课程提到的文字、图片、表格、表单等还有许多其它元素，例如超链接、鼠标、滚动条等等。这些元素无疑使得整个网络更加的丰富多采。本课主要介绍网页中这些元素的CSS效果，配合前面课程的内容，使得网页能更好的吸引用户。
1. 丰富的超链接特效
超链接是网页上最普通不过的元素，通过超链接能够实现页面的跳转、功能的激活等等，因此超链接也是与用户打交道最多的元素之一。我们在这里主要介绍超链接的各种效果，包括超链接的各种状态、伪属性、按钮特效等等。希望大家能够掌握以下几个方面的内容：
- 动态超链接
- 按钮式超链接
- 浮雕式超链接
2. 鼠标特效
通常在浏览网页时，用户看到的鼠标指针不外乎箭头、手形、以及I字形，而通常在Windows环境下实际看到的鼠标种类要比这个多得多。CSS弥补了HTML语言在这方面的不足，通过cursor属性可以设置各式各样的鼠标样式。希望大家能够掌握以下几个方面的内容：
- CSS控制鼠标箭头
- 鼠标变幻的超链接
3. 页面滚动条
当页面的内容比较多，浏览器中的窗口或者子窗口在一屏内显示不完时，就会出现滚动条，供读者翻页。对于IE浏览器，可以单独设置滚动条的样式风格，从而使其更加配合网站的整体设计。我们在这里重点讲解滚动条的组成，以及相关的CSS属性。
35,534
教程还行啊。。。。。。
还可以
老师您好：我用的是DW CS4，IE7.在跟着做按钮超连接时出现这样的问题，1是正常状态下border-top-color的颜色设置无效，不出颜色，当鼠标在按钮上时border-top-color的颜色也不变，其实就是没有，还有border-right-color的颜色也不变，原来颜色。2是当鼠标在其中一个按钮上时出现此按钮后的按钮都向后一一个位置，特别不好看。希望老师给予解答。谢谢！
老师您讲得非常好
我用渐变的效果进行水平平辅。。怎么不会出现平辅效果，只出现两个渐变条
明明 ，
抱歉没有理解您的意思，您把具体的代码和得到的效果发到我们的论坛吧，我再帮您仔细看看：
http://talking.artech.cn/thread-178-1-1.html
写得好，谢谢
教师您讲得非常好,您能提供一些php网站开发的视频吗? 谢谢教师!
小刘，
谢谢您的鼓励，我们会考虑各方面的相关技术的！
很荣幸能看您的教程，可是我还是不会做这部分的超链接，做不出那种漂亮的效果来。希望能得到帮助。
赵丽娟，
具体那里做不出来？如果有代码可以发到我们的论坛：
http://talking.artech.cn/thread-178-1-1.html
或者您可以买一本书，学起来可能效率会更高一些。x
老师您好.又来麻烦您了.浮雕超链接没有间隔线.我加上一条规则。a规则也改动了.可以这样做吗.
body {
margin:0;
padding:0;
background-color: #FFA500;
}
……
小月凌云 ，
如果要讨论具体的代码，请岛我们的论坛吧，并请先仔细看一下这个帖子：
http://talking.artech.cn/thread-178-1-1.html
老师你好,我是个初学者.html.css以学了20多天了.看你的视频讲座也会了一点.对着视频做也基本做得下来.就是下来以后头脑晕晕的.好象记下来.又好象什么也记不下来.似懂非懂.也就是说大体是清楚的,就是不会怎样去灵活的运用.这些始终困扰着我.希望老师给以多多的见意与指教.
小月凌云，
20天能明白个大概就算不错了，要真正掌握，还是得多实践才行。
建议你边看边用笔记!对一些定义,一些演示代码等最好都抄写一变!看完一段后总结下讲了些什么,然后根据讲的原理,自己再设计练习题目多练习下,在练习的过程中碰到问题后,再将教程看一变,直到发现问题为止,
这样你的学习效果会好很多!再强调下,不要光看,一定要多练习,很多人看的时候什么都懂,可要做起来却不知道从什么地方做起!
无名，
看得出你是个善于自学和总结的人，呵呵，这个很重要，所以你才能写技术方面的书，这是基本功了。
初学者…
我跟着视频仔细的把代码记录下来 并跟着做了，但效果不成功…
我想问一下，在“浮雕超链接”那部分，
table里的
nell，
这个代码也有不少行，你也没有具体说明什么问题， 一两句话很难说清问题在哪里，如果你能描述具体的话，可以把一些代码发到我们的论坛上，我帮你看看：
http://talking.artech.cn
网站开发技术交流QQ群63417682,建议专业人员进
例子7－4中，当缩小页面的时候，链接那一排放不下了跑到下面变成2排了。
激扬，
这个简单，如果你不希望自动换行，可以在这些连接外面套一个div，给这个div设置一个宽度，比如500px，这样如果浏览器的宽度不够的时候，会出现滚动条，而不会换行。
OK了。我给Tr设置500px怎么不起作用？
也就是用Dreamweaver（我用的是CS3版本）创建一个新html文档后的第一句话.
这句话是为了告诉浏览器，你所使用的文档类型，是HTML还是XHTML，并且是使过渡型的，还是严格型的，这个您可以自己的需要选择，XHTML比HTML在语法上要求更严格。
这句话.呵呵
请问这句话什么意思？
因为我在Dreamweaver中写的代码。默认就有这句话。
但是在做第7章7.1.3浮雕式超链接时就出现问题了。
得把上面那句话去掉才行。为什么会有这种情况呢?谢谢