CSS基础03CSS样式91课件讲解.pptxVIP

03

CSS基础

CSS样式

3.4CSS样式

主要内容

CSS背景样式

CSS文本样式

CSS字体样式

CSS链接样式

CSS列表样式

CSS表格样式

CSS表单样式

CSS样式

CSS链接样式

为链接元素应用CSS样式可以：统一页面链接视觉风格；区分未访问/已访问/悬停/点击四种状态；提升交互体验与页面美观度

color：文字颜色

text-decoration：下划线（none去掉下划线）

background-color：背景色

font-weight：文字粗细

padding：内边距（扩大点击区域）

display:inline-block(方便设置宽度和高度，改变点击区域)

a:link{}/*未访问链接样式*/

a:visited{}/*已访问链接样式*/

a:hover{}/*鼠标移动到链接上的样式*/

a:active{}/*鼠标点击时的样式*/

3.4CSS样式

CSS链接样式

能够设置链接样式的CSS属性有很多种，除了基本样式如color,text-decoration,background等之外，还可以使用链接伪类来设置样式。

a:link{color:#000000;}/*未访问链接是黑色*/

a:visited{color:#00FF00;}