CSS求解,图中铅笔划出的几处是什么意思?

html-css011

CSS求解,图中铅笔划出的几处是什么意思?,第1张

text-decoration

none默认。定义标准的文本。

underline定义文本下的一条线。

overline定义文本上的一条线。

line-through定义穿过文本下的一条线。

blink定义闪烁的文本。

inherit规定应该从父元素继承 text-decoration 属性的值。

:hover

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

:hover 选择器可用于所有元素,不只是链接。

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

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

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

background

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性:

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

划线部分表示背景图片,不重复,定位的位置为距上和距左都为0,并且给图片加上背景色(当图片不显示或者为透明时均可看到颜色)

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、浏览器运行index.html页面,此时显示出了蓝色背景颜色的按钮。

4、将鼠标移入按钮,此时按钮的背景颜色变成了橙色。