CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
不看会后悔的Windows XP之经验谈 简单快捷DIY实用家庭影院
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  HTML(CSS)

改什么就能实现这效果了

楼主wyc8833()2006-01-02 15:12:11 在 Web 开发 / HTML(CSS) 提问

原来页面背景是这样的:http://www.ycsy.net.cn/,现在要改成这样的背景:http://www.jsxsj.com.cn/index.asp。要改二个CSS   文件:index.css和txt.css这两个文件中原index.css当中一部分代码:  
  BODY{FONT-FAMILY:   "Verdana",   "宋体";FONT-SIZE:   12px;color:   #565656;text-decoration:   none;background-image:url('img/bg.gif');background-position:   center;}  
  txt.css文件中一部分代码:  
  BODY {BACKGROUND-COLOR:   #ffffff;background-image:url('img/bg.gif');background-position:   center;}  
  新改的代码别人这样提示的:  
  修改index.css及txt.css二个文件。    
  在第一行body定义中修改为:BODY{FONT-FAMILY:   "Verdana",   "宋体";FONT-SIZE:   12px;color:   #565656;text-decoration:   none;background-image:url((((''''img/back.gif'''');background-position:     center   top;;background-repeat:   repeat-x;background-color:   #F0F8E1;}    
  这样才能使背景在页面中不重复,居中顶端显示。  
  请高手帮一下,每个文件中改后的那一部分代码分别是什么,本人不懂css,所以只有来请教了。  
  index.css是:  
  txt.css是:  
  问题点数:20、回复次数:3Top

1 楼Fibona(Fibona)回复于 2006-01-02 23:45:33 得分 10

BODY{FONT-FAMILY:   "Verdana",   "宋体";FONT-SIZE:   12px;color:   #565656;text-decoration:   none;background-image:url('img/bg.gif');background-position:   center;}  
   
  body元素中的字体大小是12,字体名称英文,Verdana     中文是宋体,字体颜色#565656  
  字体的其它属性无  
   
  body的背景图片相对路径img/bg.gif就是文件对应目录下面的子目录img中的bg.gif背景图片居中显示  
   
   
  2.BODY {BACKGROUND-COLOR:   #ffffff;background-image:url('img/bg.gif');background-position:   center;}  
   
  body元素的背景颜色为白色(#FFFFFFF)   背景图片img/bg.gif,背景图片居中显示  
   
   
  3.  
  BODY{FONT-FAMILY:   "Verdana",   "宋体";FONT-SIZE:   12px;color:   #565656;text-decoration:   none;background-image:url((((''''img/back.gif'''');background-position:     center   top;;background-repeat:   repeat-x;background-color:   #F0F8E1;}    
   
  中background-repeat:   repeat-x;背景图片在垂直位置上重复,  
  其它的跟前面的解释一致.Top

2 楼hawkflying(hawk)回复于 2006-01-04 17:41:48 得分 5

背景居中顶端横向平铺显示:  
  background:url(img/back.gif)   repeat-x   top;Top

3 楼hawkflying(hawk)回复于 2006-01-04 17:45:50 得分 5

修改http://www.ycsy.net.cn/的样式  
  body{  
        background:url(img/back.gif)   repeat-x   top   center;  
  }      
   
  如果没有效果注意url中的路径,可改成根目录下的路径,例如:/img/back.gifTop

相关问题

  • 这种效果用什么实现?
  • 为什么我的下拉框不能实现下拉效果
  • 通过什么可以实现这种效果??
  • 使用什么控件实现类似表的效果
  • 请问SQL语句中sort by 之后能不能带参数?为什么我带参数后在程序中改变参数值不能实现排序效果?
  • 如何编程实现这种效果?太美了!!!用VB,VC什么的可以实现吗?
  • 98下如何实现象2000下的窗体的透明度效果!实现的原理是什么?
  • 菜鸟问题,在www.5460.net用什么方法实现字幕滚动效果
  • 这样一个效果为什么不能实现?急盼高手解答
  • 请教:要实现这样的效果,要应用什么技术???

关键词

  • .net
  • 字体
  • css
  • 文件
  • 代码
  • 修改
  • background
  • 宋体
  • 背景
  • bg

得分解答快速导航

  • 帖主:wyc8833
  • Fibona
  • hawkflying
  • hawkflying

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo