请教DIV+CSS高手，这样的网页布局的DIV+CSS代码怎么写？
给你写好了，你看下。模型给你定了高，否则看不到效果的，你用时可以将高删除就可以高度自适应了。
无标题文档
*{
margin:0;
padding:0;}
body{
width:960px;
position:relative;
left:50%;
margin-left:-480px;}
div{
border:1px solid black;}
#header,#fooder{
height:100px;}
#container{
float:left;
border:none;}
.floatL{
float:left;
width:713px;
border:none;}
.floatR{
float:right;
width:240px;}
.zhuanji{
width:464px;
float:left;
height:180px;
}
.hihi{
width:240px;
height:180px;
float:left
}
.ri_cont{
width:240px;
height:500px;
float:left;}
.le_cont{
float:left;
width:240px;
height:315px;}
.new_tuijian01,.new_tuijian02,.new_tuijian03{
width:464px;
height:100px;
float:right;}
.clearB{
clear:both;}
.mb5{
margin-bottom:5px;}
.mb7{
margin-bottom:7px;}
.mr5{
margin-right:5px;}
header
zhuanji
hihi
le_cont
new_tuijian01
new_tuijian02
new_tuijian03
ri_cont
首先你需要分析页面布局，比如你这里的
再注意一下样式就好了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>要给力</title>
<style type="text/css">
<!--
#box{ width:960px; margin:0px auto;}
#header{ width:960px; height:100px; background:#930;}
#center{ width:960px; margin:7px 0px;}
#left{ width:710px; float:left;}
#zj{ width:400px; height:200px; float:left; background:#21516d;}
#hihi{ width:300px; height:200px; float:left; margin-left:10px; background:#26516d;}
#left_down{ width:710px; margin-top:7px;}
#right{ width:240px; float:left; margin-left:10px; background:#999; height:900px;}
#footer{ width:960px; height:50px; background:#39F; clear:both;}
#le_cont{ width:240px; float:left; height:690px; background:#9C9;}
#new{ width:466px; float:right; margin:-10px 0px 0px 4px; list-style-type:none;}
#new li{ width:466px; height:200px; background:#F60; margin-top:10px;}
-->
</style>
</head>
<body>
<div id="box">
<div id="header"></div>
<div id="center">
<div id="left">
<div id="left_top">
<div id="zj"></div>
<div id="hihi"></div>
</div>
<div id="left_down">
<div id="le_cont"></div>
<ul id="new">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div id="right"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
方法就比较多了，目前用的大致有两种，虽然CSS3直接提供了相关属性，但不是一定要等它普及...
1是纯CSS，构建很多格子条条，下层比上层多或少一个像素，填充好纯色，大概6到8层可以做一个小弧了。这个高手可能用过，但现在很多人不用了，因为这个不仅有些麻烦，而且只做纯色的框。况且现在网速快了，背景也就几个k，很容易载，下面这个方法就比较主流了。
2是CSS和做图结合，用PS什么的画一个有圆弧的边框。
你可以直接画一个完整的圆角矩形，用一句background:url(图片地址)铺设到DIV上，这是长宽固定的。
要做变宽变长的框，就需要把圆角矩形分割，利用overflow:hidden或repeat:y这类属性结合着去铺设。具体分割成几块看个人习惯或具体要求。
贴个以前做的相关的图，不懂的再说啦。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>其实就是这么简单</title>
<style type="text/css">
<!--
#box{ width:960px; margin:0px auto;}
#header{ width:960px; height:100px; background:#930;}
#center{ width:960px; margin:7px 0px;}
#left{ width:710px; float:left;}
#zj{ width:400px; height:200px; float:left; background:#21516d;}
#hihi{ width:300px; height:200px; float:left; margin-left:10px; background:#26516d;}
#left_down{ width:710px; margin-top:7px;}
#right{ width:240px; float:left; margin-left:10px; background:#999; height:900px;}
#footer{ width:960px; height:50px; background:#39F; clear:both;}
#le_cont{ width:240px; float:left; height:690px; background:#9C9;}
#new{ width:466px; float:right; margin:-10px 0px 0px 4px; list-style-type:none;}
#new li{ width:466px; height:200px; background:#F60; margin-top:10px;}
-->
</style>
</head>
<body>
<div id="box">
<div id="header"></div>
<div id="center">
<div id="left">
<div id="left_top">
<div id="zj"></div>
<div id="hihi"></div>
</div>
<div id="left_down">
<div id="le_cont"></div>
<ul id="new">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div id="right"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
额 比较忙 这个不太难的 还是先百度吧 一点一点来 要不就算给你你如果实际应用很多问题
呃 其实自己找的答案比别人给的印象深很多 你可以慢慢学习·· 多问 多看 多想····
嘿嘿····· 不懂的可以来找我·· ！
这种布局略显简单。简单的按照float元素，clear:both overflow: 就可操作起来，注意clear:both后margin-top不是7px.
css div高度设置
1、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。2、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。3、运行之后我们看到两个div的高度是一样的 接下来我们就使用js修改高度。4、这时我们敲js中的代码 获取div1的id 使用css属性对应的styl...
CSS如何怎么设置div边框颜色宽度和高度
1、新建一个html文件，创建一个类名为wrap的div。2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。3、通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。4、这样就可以设置div边框颜色宽度和高度，如下图：...
CSS如何怎么设置div边框颜色宽度和高度
1.首先，您需要创建一个div,对div进行添加一个class。我们利用CSS通过class来设置div的边框。2.创建一个用于设置边框的CSS文件，对于您实际开发中，将边框添加到您的CSS文件中即可。3.在CSS文件中设置DIV的边框，首先我们可以先给div一个宽度与高度。4.得到了宽度与高度后，如果我们没有边框，是看不到...
DIV+CSS教程:[7]顶划线、下划线、删除线
那么CSS是如何实现的呢？其实CSS是通过text-decoration属性进行设置，除了删除线，还可以实现下划线、顶划线。text-decoration:underline; 下划线 text-decoration:overline; 顶划线 text-decoration:line-through; 删除线 text-decoration:blink; 闪烁 但是闪烁在IE浏览器中并不...
求大神指教啊,div+css,怎样用css控制一个div层的高度等于另一个层的高 ...
用负边距的方法，两个DIV都样式为 .div1,.div2{padding-bottom: 9999px; margin-bottom: -9999px;} 然后父层超出隐藏：overflow: hidden;
css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制，比如你用$("#divLeft").css("height")来获取左边的高度，然后把这个值设给右边就可以实现实时变化了，因为我知道你这个forum的话是左边可能变化比较大，然后右边要随着左边的变化来适应，当然float也要设置为left；（此处要保证你的左div和右div的宽度之和...
跪求高清 精通DIV+CSS网页样式与布局,求教材百度网盘啊!急急急!_百度...
https:\/\/pan.baidu.com\/s\/1RB5XDPzIRc39oTRMiJum-g 提取码：1234 全书一共18个章节，其中，通过了前面的14个章节，由浅入深，全面介绍了DIV+CSS基本语法和概念，内容包括开发网站的基础知识，HTML和XHTML的相关技术，CSS的基本语法，CSS定义字体、链接、图片、表格、表单等样式，CSS滤镜的使用，CSS...
CSS中DIV高度的设置?
border-box ; } .A { height: 100px; margin: -100px 0 0; background: #BBE8F2; } .B { height: 100%; background: #D9C666; } <div class="mother"> <div class="A">头部DIV<\/div> <div class="B">下部DIV<\/div> <\/div> 代码效果 你可以看下效果，望采纳。
DIV+CSS中<p>标签怎么限制内容高度
电脑、浏览器、html编辑器。1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<body>标签中，输入html代码：<p style="width: 80px;height: 40px; overflow: hidden">测试P标签的换行<\/p> 3、浏览器运行index.html页面，此时超过p标签设置高度的内容不会被显示。
css怎么自动调整div的位置和大小
1、先新建一个html文件，并在head中添加样式表【styletype="text\/css">\/style>】。2、在body中添加一个DIV，并引入一个CSS，命名为【aaa】。3、给这个DIV添加背景色，并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。4、然后添加如下代码。【position:fixed;left:50%;top:...
胡妍盐酸： css代码:<style type=＂text/css＂>*{ padding:0; margin:0;} body{ padding-top:20px;}.header,.a1,.footer{ height:40px; width:958px; margin:0 auto; border:1px solid #000; text-align:center; clear:both;}.b,.c,.d{ width:960px; margin:0 auto; clear:both;}....
大新县18490649805： 求高手用CSS+DIV设计如下布局网页,要求:css单独文件.所有div高度使用百分比控制.高分送上 - ？
胡妍盐酸： 试试这样:<!DOCTYPE html><html><head><meta http-equiv=＂Content-Type＂ content=＂text/html; charset=gbk＂ /><title>测试</title><link rel=＂stylesheet＂ type=＂text/css＂ href=＂css.css＂></head><body><div class=＂h＂>顶部层</div><...
大新县18490649805： 请DIV+CSS高手,帮我弄出下图这样一个样式的网页出来？
胡妍盐酸： <style type=＂text/css＂> html,body,.ys01,.ys02{ height:100%;width:100%}.layout01{ height:15%; border:solid #000 1px}.layout02{ height:70%; border:solid #000 1px}.layout03{ height:80%; border:solid #000 1px}.layout04{ height:20%; border:...
大新县18490649805： 如何用div+css写出一个这样效果的网页? - ？
胡妍盐酸： 4个大的div , div里面套两个div ,两个div里分别写上段落,并添加a标签
大新县18490649805： 用DIV+CSS制作简单网页 - ？
胡妍盐酸： 1、布局先把大框架确定,再逐步把内部的细节构建出来,从层级关系来看就是由外往内布局; 2、如果你对divcss不是很熟悉,那么你可以先以图片作为背景图片代替 3、如果对布局定位不是很熟练,那么可以暂时以绝对位置来布局 4、自己不...
大新县18490649805： 请帮忙按如下要求制作一个DIV+CSS的网页.？
胡妍盐酸： <!DOCTYPE HTML PUBLIC ＂-//W3C//DTD HTML 4.01 Transitional//EN＂ ＂ http://www.w3.org/TR/html4/loose.dtd＂> <html> <head> <title> New Document </title> <style type=＂text/css＂> body,div{margin:0; padding:0;} body{background:#ccc;} ...
大新县18490649805： 用DIV+css怎么做出来,下面如图?? 请教高手写的清楚点 谢谢!!!!？
胡妍盐酸： <style> ul{ list-style: url(images/index_75.gif); </style> <ul> <li>1asdf</li> <li>2asdf</li> </ul> 把前面的标识符换成一个图片 之后做一个背景
大新县18490649805： 请帮我写一个简单的DIV+CSS网页布局例子 - ？
胡妍盐酸： 楼上的也太复杂了,什么都贴出来了?— — 页面代码<div class=＂content＂> <div class=＂left＂></div> <div class=＂mid＂></div> <div class=＂right＂></div></div> css文件.content{ width:800px; magin:0 auto; }.left{ float:left;}.mid{ float:left}.right{ float:left}
大新县18490649805： 怎么用div+css怎么制作网页,求过程 - ？
胡妍盐酸： 您好,div+css.首先,您要先确定版面.也就是设计版面.然后用css和div编写.(也要有图片素材) 比如:规定一个宽度为1000像素,高度为500像素,背景颜色为黑色,而且居中的区域.先确定css.#tese{ background:#000;width:1000px;height:500px;margin:auto;} 接着就是div.希望能够帮到您,谢谢.
大新县18490649805： 求此板块的网页代码,div+css,急啊,谢谢各位大神了😭 - ？
胡妍盐酸： 这个不是很难可以设置三个大的div ,左浮动最左边的div中放两个div,图片设置成左浮动最右边div中再放两个div,图片设置成左浮动
