欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

百度前端学院-基础学院-第四课

程序员文章站 2022-10-18 19:09:21
今天是第四天,进度可以,表扬一下自己。 今天的课程目标是:掌握 CSS 稍微复杂的一些选择器,还有背景,边框等一些 CSS 样式属性。 CSS背景: 背景色:background-color:gray; 背景图:background-image:url(www.......); 背景颜色渐变: 背景 ......

今天是第四天,进度可以,表扬一下自己。

今天的课程目标是:掌握 CSS 稍微复杂的一些选择器,还有背景,边框等一些 CSS 样式属性。

CSS背景:

背景色:background-color:gray;

背景图:background-image:url(www.......);

背景颜色渐变:

div {
background-image: linear-gradient(to bottom, orange, yellow);
}

背景图像重复:background-repeat: repeat-y/x/no-repear;

背景图片定位:background-position:center(值有很多,可参考:http://www.w3school.com.cn/cssref/pr_background-position.asp

背景图片相对可视区固定: background-attachment:fixed; 默认值是scroll,随下拉图片滚动。

边框:

border-style: double; 边框样式,可以设置dashed等。

border-width:thick;设置边框宽度。

border-color: rgb(25%, 35%,45%); 设置边框颜色。如果设置为transparent,边框是透明的。