制作一个float浮动效果的样式

Original 2019-04-04 17:18:36 203
abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>制作一个浮动效果</title><style type="text/css">*{margin:0;padding:0;}.box{width: 400px;hei

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>制作一个浮动效果</title>

<style type="text/css">

*{margin:0;padding:0;}

.box{width: 400px;height: 400px;margin: 0 auto;text-align: center;}

.box li{float: left;width: 98px;height: 30px;background: #ccc;list-style: none;line-height: 30px;margin: 0 1px;}

.box_min{width: 400px;height: 390px;background: red;}

</style>

</head>

<body>

<div>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

</ul>

<div></div>

</div>

</body>

</html>


Correcting teacher:西门大官人Correction time:2019-04-04 17:41:39
Teacher's summary:最好上传一下程序的运行效果图,并说明一下float的作用

Release Notes

Popular Entries