请教DIV+CSS高手，这样的网页布局的DIV+CSS代码怎么写？
请教DIV+CSS高手，这样的网页布局的DIV+CSS代码怎么写？
我试了很多方法都不行。希望高手能指教下，高手我在写一下的DIV+CSS网页布局代码。谢谢
看图片
希望哪位比较有空的兄弟帮忙弄一下。尝试了好多次都会变形
<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>
1是纯CSS，构建很多格子条条，下层比上层多或少一个像素，填充好纯色，大概6到8层可以做一个小弧了。这个高手可能用过，但现在很多人不用了，因为这个不仅有些麻烦，而且只做纯色的框。况且现在网速快了，背景也就几个k，很容易载，下面这个方法就比较主流了。
2是CSS和做图结合，用PS什么的画一个有圆弧的边框。
你可以直接画一个完整的圆角矩形，用一句background:url(图片地址)铺设到DIV上，这是长宽固定的。
要做变宽变长的框，就需要把圆角矩形分割，利用overflow:hidden或repeat:y这类属性结合着去铺设。具体分割成几块看个人习惯或具体要求。
贴个以前做的相关的图，不懂的再说啦。
<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>
嘿嘿····· 不懂的可以来找我·· ！
请教DIV+CSS高手,这样的网页布局的DIV+CSS代码怎么写?
<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> <di...
divcss网页布局实例代码(网页设计divcss布局)
1、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。2、在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。3、在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。4、在test.html文件...
如何用DIV+CSS进行网页样式布局
一、选择“div标签”命令 打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。二、输入div标签名称 1、在“ID”列表框中选择“top”2、单击“新建css规则”按钮准备进行css规则定义 三、新建css规则 在打开的对话框中保持默认设置，单击“...
急急急,网页布局二级导航条div+css,这个效果怎么做呢,在线等。。。
用CSS控制的下拉菜单，在各个浏览器中表现的不够完美，最佳的方法是使用jQuery来制作，代码如下，加了一个缓动的效果：[HTML部分]<div id="nav"> <ul> <li><a href="#">菜单零<\/a><\/li> <li><a href="#">菜单一<\/a><\/li> <ul class="childnav"> <li><a href="#">子菜单<...
DIV+CSS一行三列代码如何写?
……<\/ul> <\/div> <\/div> 需要注意：1）同列的这三个盒子，使用float浮动：如，float：left；这样就可以在一行排列顺次排列。也可以对left盒子使用float：left；，右边的盒子使用float：right；2）最外边的div盒子的宽度要大于同列的3个盒子总宽度，如果小了，则会被挤下来，不是在一行中显示。
怎么用div布局加css样式做网页
下面我们进行布局一般网页都是3层一级，所以我们需要div布局了在body里面写一般我会先分为3层 <html> <head> <title><\/title> <link href="main.css" type="text\/css" rel="stylesheet"> <\/head> <body> <div id="top"> <div id="top1"><\/div> <div id="top2"><\/div> <div ...
用div+css设计一个页面布局
<style>.head{width:100%;height:60px;}.main{width:70%;height:400px;float:left;}.main{width:30%;height:400px;float:right;}.footer{width:100%;height:60px;}<\/style><div class ="head">这里是head区域<\/div><div class ="main">这里是主要内容区域<\/div><div class="main_left...
前端代码div+css是什么意思
前端代码div+css，就是现在一种网页设计的一种实现方式，通过div+css，可以现在对一些杂乱无章的图片和文字，进行排版和使用，从而实现了人们通常看到的漂亮的网页，具体看下代码：<head> <link rel="stylesheet" type="text\/css" href="CSS-kuaidu.css"\/> <title>宽度的学习<\/title> <\/head> <...
div+css 请问这个首页css如何写,才能上下居中?
<div id="layout"> <div id="wrap"> <div id="menu"> <\/div> <div id="copyright"> <a href="http:\/\/www.5ulove.com\/home" title="进入交友中心" target="_blank">进入交友中心<\/a> \/ <a href="http:\/\/www.5ulove.com\/bbs" title="进入论坛." target="_blank">进入论坛...
到底什么是div+css设计网页啊?
DIV就是网页设计里面的层，CSS就是网页设计中用到的样式控制表，首先采用这种方法就是用层来布局用CSS来控制层的表现。也可以灵活的应用层来控制网页的一些效果！例如下面一个简单的DIV+CSS的网页代码：可以存为index.html:<html> <head> <title>这是一个简单的DIV+CSS控制的网页<\/title> <link ...
