divcss怎么写

来源：趣味经验馆 3.18W

1. 怎么写DIV和CSS

可以用div的相对定位来（position:relative；）解决。

具体解释：

1：先定义容器

在最外层先定义个div容器，设置为相对定义，定义好宽高，然后在此容易之中，在定义三个div，竖直排列，宽度和外层容易相同，高度为外层容器除去边框的高度除以3，此为二级容器

2：定义标题栏

在1步骤中定义好的三个二级容器中各定义一个div，宽度和二级容器一样，高度为二级容器的五分之一（这个高度根据具体的需要设置），然后在里面在定义两个div，左侧的用float:left定位在左侧，右侧的用float:right定位在右侧

3：定义具体内容div

有多少个格子，定义多少个div，每个div宽度为二级容器的四分之一，然后在每个div上都加上属性float:left，并且给每个div加上边框，行高，字体居中等属性即可

2. div这样布局CSS怎么写

我试着写了一下。

<！doctype html><meta charset="utf-8">Div<style>.section{ width:600px; height:100px; padding:20px; background:#f7ed12; border:2px solid #858585; margin:20px auto;}.left{ width:30%; height:100%; background:#00a1e9; float:left;}.right{ width:65%; height:100%; background:#00a1e9; float:right;}</style><body> 。

3. 这样的DIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<title>；无标题文档</title>

<!--

strong { text-align:center; background-color:#0C0}

-->

</style>

</head>

<body>

这就是内容这就是内容这就是内容这就是内容这就是内容这就是内容<img name="guanggao" src="" width="100" height="100" alt="" style=" background-color:#00C;" />；就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容

</div>

</body>

</html>

4. 下图这个div块的css怎么写

</div>

这样可以么，上面的div嵌套一个黑块，虚线是上面div的border-bottom，具体的楼主修改下，应该没什么BUG活着兼容性什么的问题

5. div+css图文框架怎么写

#wrap { height:236px; width:492px;}

#topbar { width:492px; height:40px;}

.title { padding-left:5px;}

.right { float:right; margin-top:-20px; }

.img1 { float:left; padding:5px;}

</div>

</div>

我大概写了一下，样式的话你自己应该会弄，自己改成满意的就好，图片和文本位置不太对的话改下padding值就好了，希望对你有帮助！

6. 这个的DIV+CSS代码怎样写

ICO和背景的圆角是写不出来的，还是用到切图，比如上面一条带着圆角一起切出来，下面一条带着圆角切出来，图片名分别是"bg1.jpg"和"bg2.jpg"，假设文本下的背景宽度是500px，低层的背景是550px；下面的代码就是：<body style="background-color：背景颜色代码； margin:0;">

内容标题

内容

大概就上面的样子只帮你写了里面内容部分。

divcss