固定背景图片
这个效果是让背景图片固定,极其简单,然而效果可不一般 操作: 进入css编辑页面 找到第一条语句: #body 这条语句就是控制背景的 原来的语句是这样的 #body{background-color:#FFFFFF} 我们把它改成下面这条语句: body{background:#FFFFFF url( 加如图片地址 ) no-repeat fixed} 你要做的就是把url后面括号()里的图片地址换了!
CSS代码之半透明的表格和背景图片的设置
想让表格变得半透明:
括号中的透明数值可以根据需要调整。 背景图片固定在页面角上不动
代码最后background-position还有两个选项:top和left。 可以单独使用,也可以象本例一样组合使用。 top:顶部 bottom:底部 left:左边 right:右边 top left:左上角 top right:右上角 right bottom:右下角 left bottom:左下角 颜色和背景属性 body {background-color:yellow} h1 {background-color:red} 上面的语句指整个页面的背景色为黄色,h1中的背景色为红色 body {background-image:url(/back.jpg)} P {background-image:none} 上面的语句指页面的背景图片是back.jpg,P中没有背景图片,当然你也可以加入背景图片 body {background:red url(/back.jpg);background-repeat:repeat-y} 上面的语句指页面为红色(如果没有背景图片时),而且背景图片垂直排列。 注意:repeat-x指水平排列,repeat-y指垂直排列,no-repeat指不重复。 body {background:red url(/back.jpg);background-repeat:repeat-y;background-attachment:scroll} 注意:background-attachment:fixed 表示背景图片永远静止,文字在背景上面"流动" background-attachment:scroll 表示背景图片随着页面上的文字一起"流动" body {background:url(/back.jpg) right top} /*right top=100% 0% */ body {background:url(/back.jpg) top center} /*top center=50% 0% */ body {background:url(/back.jpg) center} /*center=50% 50% 指背景图片居中*/ body {background:url(/back.jpg) bottom} /* bottom=50% 100% */
自己想的解决办法是把图调整成1024*768的 background-repeat:repeat 缺省值。背景图片横向和纵向都重复平铺。 background-repeat:no-repeat 背景图片不重复平铺。 background-repeat:repeat-x 背景图片横向重复平铺。 background-repeat:repeat-y 背景图片纵向重复平铺。
网页背景没有拉申功能,css中背景图片的设置: 不平铺:background-repeat: no-repeat; 横向平铺:background-repeat: repeat-x; 纵向平铺:background-repeat: repeat-y; 固定:background-attachment: fixed; 滚动:background-attachment: scroll; 水平居中:background-position: center; 水平居中并垂直居中:background-position: center center; 例如:
空间模块巧移动 + 文字快速插链接
一、首先说说空间模块巧移动: 改变空间主页各模块的排布位置可以在空间中依次点击:设置-高级设置-自定义模板-开始自定义 然后鼠标拖动各个栏目的标题处,移动到你想要的位置,松手即可。 但是如果你曾经把一个模块拖动到“文章列表”下面,而后来发表了许多文章,想把下面的那个模块拖回来是就会发现,无法移动到上面。 其实有个简单的方法: 先到下面鼠标左键按住想要拖动的模块的标题栏,接着按键盘上的“Pg Up”(上页)键,就会发现页面向上翻了,而模块还在鼠标指针上。 按几次达到想要的位置后,松开鼠标左键,该模块就会移到你想要的地方去了^_^ 二、然后我们说说文章快速插链接: 我们在文章中经常会遇到插入超链接的情况,直接贴网址虽然也可以自动转换为超链接,但是我觉得就影响了文章的美观。 所以我比较喜欢用文字链接,但是每次都用鼠标点上面的设置链接按钮也未免太慢了…… 用过微软FRONT PAGE的朋友应该知道,该软件插入超链接是有快捷键的,我在空间里测试里一下,的确可以用! 所以写日志时想给文字加超链接,先将链接指向的网址复制一下,然后选中想要加的文字,最后按快捷键“CTRL+K”——在弹出的提示框中粘贴刚复制的地址,确定即可。
Saturday, October 21, 2006
Subscribe to:
Post Comments (Atom)
1 comment:
html网页设计代码示例
Noscript标签noscript元素
Post a Comment