搜索

css浮动及清除浮动

原创 2019-04-18 10:43:26 272
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>浮动</title> <style type="text/css"> ul li{list-style: none;width: 100px;height:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>浮动</title>

<style type="text/css">

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

.clear{clear:both}

</style>

</head>

<body>

<ul>

<li>html</li>

<li>css</li>

<li>javaScript</li>

<li>php</li>

<li>java</li>

<li>C++</li>

<li>C语音</li>

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

</ul>

</body>

</html>


批改老师:查无此人批改时间:2019-04-18 13:16:38
老师总结:完成的不错,浮动在手机端比较常用。因为手机端页面小。继续加油。

发布手记

热门词条