第六课_CSS浮动

Original 2019-04-20 20:57:17 218
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css</title> <style type="text/css"> ul li{ list-style: none;width: 80px;heigh

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>css</title>


<style type="text/css">

ul li{

list-style: none;width: 80px;height: 40px;line-height: 40px;text-align: center;background-color: #ccc;margin: 0px 1px;float: left;

}


b{

background: #ccc;

}

/*清除浮动*/

.clear{

clear: both;

}



</style>



</head>

<body>


<ul>

<li>html</li>

<li>css</li>

<li>java</li>

<li>jquery</li>

<li>php</li>

</ul>

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


<b>PHP中文网</b>

<b>PHP中文网</b>

<b>PHP中文网</b>

<b>PHP中文网</b>

<b>PHP中文网</b>





</body>

</html>


Correcting teacher:西门大官人Correction time:2019-04-22 10:02:59
Teacher's summary:思考一下,css中为什么要浮动,为什么又要清除浮动

Release Notes

Popular Entries