html札记一

最新推荐文章于 2022-01-06 09:33:30 发布

ChampionLai

最新推荐文章于 2022-01-06 09:33:30 发布

阅读量746

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/coolboylai2/article/details/9043113

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<style type="text/css">
div#container{width:500px}
div#header{background-color:#99bbff;width:500px;height:100px}
div#left{background-color:#88ddfa;height=300px;width:150px:float:left}
div#right{bakcground-color:#68ffff;width:350px:height=300px;float:left}
div#bottom{background-color:#25aaff;widht=500px:height=100px}
</style>
</head>

<body>

<div id="container">

<div id="header">
<h1>this is top<h1>
</div>

<div id="left">
<p>this is left</p>
</div>

<div id="right">
<p> this is right </p>
</div>

<div id ="bottom">
<p> this is bottom </p>
</div>

</div>

</body>

</html>

定义div样式的时候首先

div#left{background-color:#88ddfa;height=300px;width:150px:float:left}
div#right{bakcground-color:#68ffff;width:350px:height=300px;float:left}

布局设置