美文网首页
简单布局

简单布局

作者: Stranger_I | 来源:发表于2018-11-26 16:48 被阅读0次

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>名鞋库</title>
<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>

<div class="d1"></div>

<div class="d2"></div>

<div class="d3"></div>

<div class="d4"></div>

<div class="d5"></div>

<div class="d6"></div>

</body>
</html>

样式

*{
margin: 0;
padding: 0;
}

.d1{
width: 1299px;
height: 26px;
background-color: yellowgreen;
}

.d2{
width: 1299px;
height: 76px;
background-color: #deddd9;
}

.d3{
width: 1299px;
height: 34px;
background-color: red;
}

.d4{
width: 1290px;
height: 550px;
background-color: yellowgreen;
margin: 0 auto;
}

.d5{
width: 1190px;
height: 1481px;
background-color: #019e8b;
margin: 0 auto;
}

.d6{
width: 1190px;
height: 1481px;
background-color: #016 ;
margin: 0 auto;
}

相关文章

  • Android 性能优化方法

    布局优化1.1 布局优化的思想很简单,就是减少布局文件层级如果比较简单的布局那么用LinearLayout 如果复...

  • 简单布局

    简单布局 *{margin: 0;padding: 0;}.head{he...

  • 简单布局

    css

  • 简单布局

    名鞋库 样式 *{margin: 0;padding: 0;} .d1{wi...

  • 简单布局

    第一列第5个布局 inline-block实现flex实现 第2列第1个布局 float实现flex实现 第3列第...

  • 简单布局

    Document

  • 简单布局

    本来生活网 /清除默认样式/{padding:0;margin:0;bor...

  • 简单布局

  • Flutter学习记录-布局

    Flutter学习记录-汇总 边做边学 布局简单有: Row:横向布局 Column:纵向布局 先做一个简单的同时...

  • 总结随笔

    网页布局 - 单列布局 - 双列布局 - 三列布局 - 混合布局 单列布局 其中单列布局最为简单,一般应用于搜索引...

网友评论

      本文标题:简单布局

      本文链接:https://www.haomeiwen.com/subject/qhdyqqtx.html