码迷,mamicode.com
首页 > Web开发 > 详细

CSS基础入门D2

时间:2018-02-06 18:04:30      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:http   背景   chm   ext   col   site   hover   超链接   状态   

模块回顾

1.背景图片的设置

2.超链接伪类

一、背景图片的设置

1.整个页面的背景图片插入

在类标签body中直接插入,例如:body{background-image:url(../Day02-HTML/html/海贼王02.jpg);}

还可以调试它的效果,是否重复,是否随页面滚动,调动位置。例如:

body{
background-image:url(../Day02-HTML/html/海贼王02.jpg);
background-repeat:no-repeat;
background-attachment: fixed;

background-position: -148px -62px;
}

二、超链接样式(CSS伪类)

1.<a href=""></a>可以调试不同的属性,设置不同的状态。

#a1:link{
color: gray;
text-decoration: none;
}
#a2:hover{/*鼠标悬停时的样子*/
color: red;
}
#a3:active{/*鼠标点击时的样子*/
color: blue;
}
#a4:visited{/*鼠标送开时的样子*/
color: pink;
}

#p1:hover{ /* 可应用于其它标签*/
color: pink;
}

示例如图:

技术分享图片技术分享图片技术分享图片

CSS基础入门D2

标签:http   背景   chm   ext   col   site   hover   超链接   状态   

原文地址:https://www.cnblogs.com/LuckyGJX/p/8421941.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!