css中浮动

原创2018-11-08 11:24:0095
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css</title> <style type="text/css"> ul li{list-style: none;width: 100px;height:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>css</title>

<style type="text/css">

ul li{list-style: none;width: 100px;height: 100px;line-height: 40px;text-align: center;background-color: red;margin: 0px 1px;float: left;}

.clear{clear: both;}

.box1{width: 200px;height: 200px;background-color: pink;float: left;}

</style>

</head>

<body>

<ul>

<li>html</li>

<li>css</li>

<li>javaScript</li>

<li>hph</li>

</ul>

<div class="clear"></div>

<div class="box1">div1</div>

<div class="box1">div2</div>

<div class="box1">div3</div>

</body>

</html>

css中的浮动制作


批改老师:灭绝师太批改时间:2018-11-08 11:38:12
老师总结:可以,浮动是个新手不太能完全掌握的知识点,备注好浮动的一些特点

发布手记

热门词条