CSS+div-白红宇的个人博客

CSS+div

发布日期：2021-07-18 18:19:04 浏览次数：2 分类：技术文章

本文共 2215 字，大约阅读时间需要 7 分钟。

通过做三星SmartTV项目对于CSS样式表有了更深刻的理解，运用的更加熟练，比如，利用CSS+DIV对网页做固定宽度且居中操作，做相对定位。对于多个模块的布局应该多用div嵌套，这样做能够使得网页做出来更加稳定，不容易弄得乱起八糟的。对于div内的div它的margin属性都是相对于大比它高一级的div而言的；假如一个div内有好多个div 的话，那么margin属性就是相对于挨着它的div而言的；

下面是我写的一段代码：

<html>

body,html{

margin:0px;

padding:0px;

text-align:center;

}

#container{

position:relative;

width:1000px;

height:540px;

background-color:red;

text-align:left;

background-color:

#990000;

/*background-image:url('resource/mac/bg.gif');*/

}

.mhead

{

width:1000px;

height:88px;

}

.main

{

height:452px;

width:1000px;

}

.mmiddle

{

height:200;

width:1000px;

text-align:left;

}

.mbottom

{

height:200px;

width:1000px;

text-align:left;

}

.m1

{

width:160px;

height:160px;

border:solid yellow 1px;

margin-left:130px;

margin-top:20px;

float:left;

}

.m2

{

height:160px;

width:160px;

border:solid yellow 1px;

float:left;

margin-top:20px;

margin-left:100px;

float:left;

}

.m3

{

height:160px;

width:160px;

border:solid yellow 1px;

margin-left:100px;

margin-top:20px;

float:left;

}

.m4{

height:160px;

width:160px;

border:solid yellow 1px;

margin-left:130px;

margin-top:20px;

float:left;

}

.m5

{

height:160px;

width:160px;

border:solid yellow 1px;

margin-left:100px;

margin-top:20px;

float:left;

}

.m6

{

height:160px;

width:160px;

border:solid yellow 1px;

margin-left:100px;

margin-top:20px;

float:left;

}

.STYLE1 {color: #FFCC33}

.STYLE4 {

color: #CCFF33;

font-size: 14px;

}

</style>

</head>

<body>

</div>

</div>

</div>

<tr>

</tr>

</table>

</div>

</body>

</html>

实现效果：

转载地址：https://blog.csdn.net/iteye_3606/article/details/82172931 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：没有恋爱的那些小事

下一篇：一个基础XML作为数据库的学生信息管理程序

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章