空间背景设置(集成)2007-01-31 16:141)随文字滚动的背景
在第一行下面添加
body{background: url(http://mm.xkmm.com/gallery/wallp ... 0491811545913.jpg); background-position:0px -200px}
其中 url()括号中的内容自己找个图片弄上去吧
其中 background-position:0px -200px是定义背景图片位置的,第一个是图片左上角相对前景左边框的位置,第二个是图片左上角相对前景上边框的位置
(2)固定的背景
body{background: urlbody{background: url(http://mm.xkmm.com/gallery/wallp ... 0491811545913.jpg); background-repeat:repeat-y; background-attachment:fixed; background-position:0px -200px}
同上
如何更换空间背景
一、背景为颜色
body{background:#ffffff} /*表示背景为白色,亦可以用单词white代替*/
即body{background:black}
二、背景为图片
body{background:url(http//:图片位置) 参数} /*可识别的图片格式为jpg、gif、bmp等*/
主要参数:
repeat :背景图像在纵向和横向上平铺
no-repeat:背景图像不平铺
repeat-x :背景图像在横向上平铺
repeat-y :背景图像在纵向平铺
示例:
body{background:url(http://img.baidu.com/hi/temp10/hdr.jpg) no-repeat top right}
/* top right 表示图片与浏览器的顶边和右边对齐*/
/* bottom left 表示图片与浏览器的底边和左边对齐*/
文章背景
主体背景并不应用于文章的背景,所以看到主页的文章背景与博客文章的背景并不一致,另外设置。
/*背景的半透明设置*/
在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:
{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}
具体参数含义如下:
opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。
finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。
以上的参数可以选用,可以只设置一个opacity
例如:
{filter:alpha(opacity=50)}
这个就是半透明的设置,只要把{}中的代码加入到需要设置的模版中的{}的即可,记得与前面的代码之间要用";"间隔,不然设置是无效的
例如:
我要设置模版区域背景的颜色(白色)+半透明[就是我现在blog的效果]
只要在
.modbox{}
.modbl{}
.modbc{}
.modbr{}
中都设置background-color:white
这些就是模版背景设置的ID
然后再在.modbox,.modbl,.modbc,.modbr{}如果没有这个的话可以自己加一个
中加入filter : alpha(opacity=80)就可以达到所有模版的背景都是半透明的效果了
如果希望像我这样只显示blog的背景,别的都全透明的话,那么就在别的模版中加入背景全透明的代码即可
background:transparent 这就是背景全透明的代码
各模版ID请参照链接:百度空间CSS说明
不过这样的话,相关模版的主要区域是透明了,可是底下还会有一条颜色留着的,所以另外还要在
.modbl{}
.modbc{}
.modbr{}
中也加入背景全透明的代码,这样才能让模版区域完全透明,就像我现在的效果一样
另外这个参数目前只能用于背景色的设置,背景图片无法设置为半透明
我把我的背景半透明代码贴出来吧
.modbox{padding:10px 10px 0 10px;background-color:#FFFFFF;border-left:1px solid #813533;border-right:1px solid #813533}
.modbl{background:transparent;border-left:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbc{background:transparent;border-bottom:1px solid #813533;line-height:1px}
.modbr{background:transparent;;border-right:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
红色字是关键设置,如果不想设置全透明的话,可以把.modbl{}.modbc{}.modbr{}三个中的background:transparent改成.modbox{}中的background-color:#FFFFFF,当然这里的#FFFFFF你可以换成自己喜欢的颜色,不过为了美观统一,建议这4个的颜色代码最好设置为一样的
附:#FFFFFF就是white,白色;#000000就是black,黑色
在第一行下面添加
body{background: url(http://mm.xkmm.com/gallery/wallp ... 0491811545913.jpg); background-position:0px -200px}
其中 url()括号中的内容自己找个图片弄上去吧
其中 background-position:0px -200px是定义背景图片位置的,第一个是图片左上角相对前景左边框的位置,第二个是图片左上角相对前景上边框的位置
(2)固定的背景
body{background: urlbody{background: url(http://mm.xkmm.com/gallery/wallp ... 0491811545913.jpg); background-repeat:repeat-y; background-attachment:fixed; background-position:0px -200px}
同上
如何更换空间背景
一、背景为颜色
body{background:#ffffff} /*表示背景为白色,亦可以用单词white代替*/
即body{background:black}
二、背景为图片
body{background:url(http//:图片位置) 参数} /*可识别的图片格式为jpg、gif、bmp等*/
主要参数:
repeat :背景图像在纵向和横向上平铺
no-repeat:背景图像不平铺
repeat-x :背景图像在横向上平铺
repeat-y :背景图像在纵向平铺
示例:
body{background:url(http://img.baidu.com/hi/temp10/hdr.jpg) no-repeat top right}
/* top right 表示图片与浏览器的顶边和右边对齐*/
/* bottom left 表示图片与浏览器的底边和左边对齐*/
文章背景
主体背景并不应用于文章的背景,所以看到主页的文章背景与博客文章的背景并不一致,另外设置。
/*背景的半透明设置*/
在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:
{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}
具体参数含义如下:
opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。
finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。
以上的参数可以选用,可以只设置一个opacity
例如:
{filter:alpha(opacity=50)}
这个就是半透明的设置,只要把{}中的代码加入到需要设置的模版中的{}的即可,记得与前面的代码之间要用";"间隔,不然设置是无效的
例如:
我要设置模版区域背景的颜色(白色)+半透明[就是我现在blog的效果]
只要在
.modbox{}
.modbl{}
.modbc{}
.modbr{}
中都设置background-color:white
这些就是模版背景设置的ID
然后再在.modbox,.modbl,.modbc,.modbr{}如果没有这个的话可以自己加一个
中加入filter : alpha(opacity=80)就可以达到所有模版的背景都是半透明的效果了
如果希望像我这样只显示blog的背景,别的都全透明的话,那么就在别的模版中加入背景全透明的代码即可
background:transparent 这就是背景全透明的代码
各模版ID请参照链接:百度空间CSS说明
不过这样的话,相关模版的主要区域是透明了,可是底下还会有一条颜色留着的,所以另外还要在
.modbl{}
.modbc{}
.modbr{}
中也加入背景全透明的代码,这样才能让模版区域完全透明,就像我现在的效果一样
另外这个参数目前只能用于背景色的设置,背景图片无法设置为半透明
我把我的背景半透明代码贴出来吧
.modbox{padding:10px 10px 0 10px;background-color:#FFFFFF;border-left:1px solid #813533;border-right:1px solid #813533}
.modbl{background:transparent;border-left:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbc{background:transparent;border-bottom:1px solid #813533;line-height:1px}
.modbr{background:transparent;;border-right:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
红色字是关键设置,如果不想设置全透明的话,可以把.modbl{}.modbc{}.modbr{}三个中的background:transparent改成.modbox{}中的background-color:#FFFFFF,当然这里的#FFFFFF你可以换成自己喜欢的颜色,不过为了美观统一,建议这4个的颜色代码最好设置为一样的
附:#FFFFFF就是white,白色;#000000就是black,黑色