第11章-边框与超链接设置.pptVIP

11.1边框样式CSS属性;border-color属性——边框颜色

在定义页面元素的边框时，不仅可以对边框的样式进行设置，为了突出显示边框的效果，还可以通过CSS样式中的border-color属性来定义边框额的颜色。border-color的语法格式如下。

border-color:颜色值;

实战练习——为网页元素添加边框效果;border-colors语法格式如下。

border-colors:[color|transparent]{1,4}

实战练习——实现网页元素多色彩边框效果

border-image属性——图像边框

为了增强边框效果，CSS3.0中新增了border-image属性，专门用于图像边框的处理，它的强大之处在于它能灵活地分割图像，并应用于边框。

border-image属性的语法格式如下。

border-image:none|image[number|percentage]{1,4}[/border-width{1,4}]?[stretch|repeat|round]{0,2}

实战练习——实现网页元素添加图像边框效果;;:link伪类

:link伪类???于设置超链接对象在没有被访问时的样式。

:hover伪类

:hover伪类用来设置对象在其鼠标悬停时的样式表属性。该状态是非常实用的状态之一，当鼠标动到链接对象上时，改变其颜色或是改变下划线状态?，这些都可以通过a:hover状态控制实现。对于无href属性的a标签，该伪类不发生作用。

:active伪类

:active伪类用于设置链接对象在被用户激活（在被点击与释放之间发生的事件）时的样式。?实际应用中，本状态很少使用。对于无href属性的a标签，该伪类不发生作用。在CSS样式中该伪类可以应用于任何对象，并且:active状态可以和:link以及:visited状态同时发生。;按钮式超链接

在很多网页中，超链接制作成各种按钮的效果，这些效果大多采用图像的方式来实现。通过CSS样式的设置，同样可以制作出类似于按钮效果的导航菜单超链接。

实战练习——制作网站导航菜单;设置网页中光标指针效果

在CSS样式中可以通过cursor属性设置光标指针效果，该属性可以在网页的任何标签中使用，从而可以改变各种页面元素的光标效果。在网页中光标移至某个超链接对象上时，可以实现超链接颜色变化和背景图像变化，并且光标指针也可以发生变化。

实战练习——在网页中实现多种光标指针效果