1. 使用CSS样式设置网页的整体背景为"pagebg.gif",同时在该样式表中添加“margin:0;”

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了1. 使用CSS样式设置网页的整体背景为"pagebg.gif",同时在该样式表中添加“margin:0;”相关的知识,希望对你有一定的参考价值。

2. 把整个网页分成四行一列的表格,表格宽990,没有边框,单元格间距以及单元格填充均为0,背景为白色。整个表格显示在窗体中间。
3. 其余网页结构与内容自己设置
4. 备注:快速导航中的内容不需要设置,只需要把这个单元格内的背景设置上即可(已提供快速导航图片)
5. 备注:左侧的轮换图片不需要设置成动态的,只需要添加提供的静态图片即可
6. 商院新闻和通知公告里面的内容可根据图片设置,也可自己随意输入内容

参考技术A body
background-image: url(bg.jpg);
background-repeat: repeat-x;
margin: 0px;
追问

还有下边更重要的呢……而且,这个只是CSS啊……

追答

你具体需要的是一整个网页吗?

为div设置背景图片后,为啥不显示背景图片?

在eclipse中,添加一个webView,在webView放一个div,设置div背景图片后,在浏览器单独运行webView的网页能显示背景图片,但是在Eclipse里面的网页运行不能显示背景图片,这是为什么?
webView嵌套的网页代码为
<html>
<head>
<script></script>
</head>
<body>
<div id="div1" style="background-image:url('Lighthouse.png');width:100px;height:100px"></div>
</body>
</html>
图片路径正确。

没听说过div还要设置display:block,div中不需要display:block.

原因:
1、编码错误,即代码编写没有按照规范,属性名写错。

2、图片路径不对。

3、使用background来实现背景图片,可能因为图片太大或者太小,显示出来的图片只有一部分,二者一部分刚好是透明的,造成没有图片的效果,因此必须设置background-size来控制图片的显示。

4、背景图片调用方式不对,不能使用本地路径。

将hanshan.png和当前页面放在一个目录,则直接写成这样:


#cuyu
background-image: url(hanshan.png);
height: 500px;
width: 1000px;


或者将hanshan.png放在images目录,保证当前页面和images在同一级目录,则样式为:
#cuyu
background-image: url(images/hanshan.png);
height: 500px;
width: 1000px;

扩展资料

DIV格式使用方法的注意事项:

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

可以对同一个 <div> 元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。

这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。

参考资料来源:百度百科-DIV

参考技术A

因为你这个div里面没有内容,所以,暂时为空

尽管你设置了width,和height,但是这个还差一个代码   display:block;  定义为块元素, 那么就可以看到你的背景图片了


完整代码是:

<html>
<head>
    <script></script>
</head>
<body>
    <div id="div1" style="background-image:url('Lighthouse.png');display:block;width:100px;height:100px"></div>
</body>
</html>

本回答被提问者采纳
参考技术B

从来没听说过div还要设置display:block;!我去!

<div id="div1" style="background:url('Lighthouse.png') no-repeat;width:100px;height:100px"></div>

试试这个吧!另外你确定你的页面就这些代码?

参考技术C 你给DIV样式 加上float:left; 如下:
<style type="text/css">
<!--
#fhg
float: left;
background-color: #F00;
height: 1245px;
width: 1511px;
background-image: url(images/shouye%20_r1_c1.jpg);

-->
</style>

希望是你想要的...
参考技术D 打开浏览器 >F12>是否图片背景显示lnvalid property value,可能你图片命名格式不对。不要有空格。

以上是关于1. 使用CSS样式设置网页的整体背景为"pagebg.gif",同时在该样式表中添加“margin:0;”的主要内容,如果未能解决你的问题,请参考以下文章

如何使用CSS设置标签的背景小图标 简单

如何设置div的背景色?我的这段css没有作用?

css怎样让整体居中?

设计网页的时候如何在css样式中控制背景图片的高度?

设置div背景透明的方法?

css 如何设置ul的列表图标和列表文字对齐