用div+css怎么写出这个样子的,要源代码,重复的部分不要写,谢谢

写出css和DVI部分就可以了,本人外行,谢谢

<style>
body{margin:0;padding:0;font:12px "微软雅黑";background:#ddd}
.main{margin:0 auto;width:750px}
.section{margin:0 0 10px;padding:5px;text-align:center;background:#fff}
</style>
<div class="main">
    <div class="section">
        <img src="/" alt="">
        <h2>标题</h2>
        <div class="secmain">内容</div>
     </div>
   <div class="section">...</div>
     <div class="section">...</div>
</div>
温馨提示:内容为网友见解,仅供参考
无其他回答

DIV+CSS布局这张图怎么写?
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>示例<\/title><style>.ul{list-style-type: none;overflow: hidden;border: 1px solid red;width: 340px;padding: 10px;}.ul li{width: 80px;height: 80px;border: 1px solid green;padding: 5px;float: left;margin...

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文件...

如何使用CSS画一个空心长方形 要代码哦,是使用DIV+CSS
如果你只要一条垂直线就设置这个DIV的边框线样式就可以了,样式代码:border-left:1px #000000 solid 这里的border-left是指这个DIV的左边边框,1px就是线的宽度,#000000是线的颜色(这里是黑色),solid是线的样式(这里是实线),整个DIV的代码可以这样写:<div style="width:200px; height:500px;...

请教DIV+CSS高手,这样的网页布局的DIV+CSS代码怎么写?
<div id="right"><\/div> <\/div> <div id="footer"><\/div> <\/div> <\/body> <\/html>

DIV+CSS一行三列代码如何写?
……<\/ul> <\/div> <\/div> 需要注意:1)同列的这三个盒子,使用float浮动:如,float:left;这样就可以在一行排列顺次排列。也可以对left盒子使用float:left;,右边的盒子使用float:right;2)最外边的div盒子的宽度要大于同列的3个盒子总宽度,如果小了,则会被挤下来,不是在一行中显示。

如何用DIV+CSS进行网页样式布局
一、选择“div标签”命令 打开dreamweaver,新建网页并保存为“die.html”,选择【插入】【布局对象】【div标签】命令,打开“div标签”对话框。二、输入div标签名称 1、在“ID”列表框中选择“top”2、单击“新建css规则”按钮准备进行css规则定义 三、新建css规则 在打开的对话框中保持默认设置,单击“...

怎么用div布局加css样式做网页
方法\/步骤 1 在桌面建立一个index.htm的文件和main.css的文件,当然你也可以不用main.css的文件,但是为了方便操作,还是建一个吧。只要把记事本另存为就可以了。2 做好这两个文件后我们把网页的基础代码写上去,并使index文件受到main.css的控制,我们右键选择用记事本打开index文件输入代码,并在...

求高手指点使用div+css要达到这样的效果应该怎么写代码?
大的div、长宽和背景色或者背景图片,然后li、每个li前面插入一个png的图片,然后p个人中心,a.hover可以使用背景图片,也可以使用矩形的css

div+css三行两列布局怎么写,求大神解答
DIV+CSS三行两列经典布局 这个XHTML1标准的DIV+CSS布局是著名网页设计师2004年发布在《网页设计师》上的,一个非常经典的布局,在IE、Mozilla和Opera浏览器中均可以实现居中和高度自适应。完整代码如下(在原代码的基础上作了一定规范整理):<html> <head> <meta http-equiv='Content-Type' content="...

div+css怎么显示两行或三行文字,然后多出的部分省略号代替??
overflow: hidden;white-space: nowrap;text-overflow:ellipsis;这几句css就可以,不要加上去的容器一定要写了宽度的 注意:这里实现的是“超出长度”,而不是“超出字数”,并且在一行里实现。如果是两行或者三行的容器,想要纯用css实现这个方法,是没办法做到的。可以提供两种方法,一是用程序输出时截...

相似回答