css简单学习属性2---背景图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ background-image: url("图片1.png"),url("图片2.jpg"); /*图片1在x轴重复,图片2不重复*/ backgro…

背景色 p {background-color: gray;} 如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距. p {background-color: gray; padding: 20px;} 背景图片 body {background-image: url( xxx.jpg );} 背景重复. background-repeat: repeat-y; 背景定位. background-position:center; 百分数值. background-position:5…

css简单学习属性3---css属性选择器

1:通配符 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> [id*=div] { color: lime; } /*^首字符*/ [id^=div] { color: darkblue; } /*$结束字符*/ [id$=ym] { color:…

css简单学习属性

1:内联元素和块级元素 1).块级元素,默认是:内联元素可以变成块级元素,块级元素可以变成内联元素. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ background-color: aqua; /*变为内联元素*/ display:…

CSS 3学习——box-sizing和背景

box-sizing 在CSS 2中设置元素的width和height仅仅是设置了元素内容区的宽和高,元素实际的尺寸是margin + border + padding + 内容区. CSS 3(截止到2016年12月6日该属性还是草案)中新加了box-sizing属性,用来重新规定设置元素的width和height时,到底包含哪些区域. box-sizing的可取值有两个:content-box(默认值)和border-box. content-box 默认值.该值表示设置元素的width和h…

CSS之生成全屏背景图片

在CSS中背景图片的填充方法: background-position:x,y(背景图片x,y轴的定位) background-repeat:no-repeat(不平铺) background-repeat:repeat-x(水平方向平铺) background-repeat:repeat-y(垂直方向平铺) 主要是css样式: *{ margin:; padding:; } html{ /* This image will be displayed fullscreen */ backgrou…

【CSS学习笔记】背景图片

直接看代码: background: blue; /*页面背景为蓝色,很简单的代码*/background-image:url(small.jpg); /*页面背景是名字叫small.jpg的图片*/background-repeat: no-repeat; /*水平方向显示图片repeat-x 竖直方向显示图片repeat-y 不重复图片no-repeat*/ background-attachment: fixed; /*在页面特别长有滚动条时,可以固定图片*/ 相关知识点: 1.背景图与背…

【css简单学习属性2---背景图片】的更多相关文章

css简单学习属性2---背景图片

CSS再学习之背景色背景图片

css简单学习属性3---css属性选择器

css简单学习属性

CSS 3学习——box-sizing和背景

CSS之生成全屏背景图片

【CSS学习笔记】背景图片

background的属性和背景图片定位的实例

jQuery获取和设置disabled属性、背景图片路径

CSS基本属性—文本属性和背景属性