首页 > 开发 > CSS > 正文

CSS不完全手册之背景设定

2020-03-24 18:33:56
字体:
来源:转载
供稿:网友
background-color,用它可以指定整个网页的背景颜色,也可以是某一个单词。在传统的HTML中要将背景颜色应用到一段文字上是一件麻烦事,要将文字放在表格中再设置表格的背景。CSS使之变得非常容易。 P.colorback {background-color:#ff0000} 颜色可以是颜色名(如red)、十六进制数(如#ff0000)、RGB值(如RGB(255,0,0))。■ 背景图片: background-image,用它可以指定整个网页的背景图片(将它放在BODY标签内),也可以是某一个单词。 background-repeat 是否循环背景 p {background-repeat:no-repeat;background-image:url(background.gif)}/*不循环*/ p {background-repeat:repeat;background-image:url(background.gif)}/*循环*/
body {background-attachment:scroll;background-image:url(background.gif)}/*随文字一起滚动*/ body {background-attachment:fixed;background-image:url(background.gif)}/*固定不动*/
P.colorback {background-color:#ff0000} 颜色可以是颜色名(如red)、十六进制数(如#ff0000)、RGB值(如RGB(255,0,0))。
■ 背景定位: background-position用于设置背景的位置:
p {background-position:top;background-image:url(background.gif)};
background-position其参数可以是关键字、长度数、比例值。
关键字; top /*背景图像与前景对象的顶部对齐*/ bottom /*背景图像与前景对象的底部对齐*/ left /*背景图像与前景对象的左边对齐*/ right /*背景图像与前景对象的右边对齐*/ center /*与前面四个任一个组合,变成水平或垂直居中*/


可以是任何一种以前学过的长度单位(pt,px,ems...),例如:
p{background-position:100px 50px;
background-image:url(background.gif)}表示从左上角起水平100像素,垂直50像素的位置摆放。


background-image:url(background.gif)}
表示从距离段落的右边85%,垂直距离段落顶端50%的位置摆放。html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表