css浮动练习(导航栏目样式)

原创 2019-02-25 13:52:46 390
摘要:<!DOCTYPE html><html><meta  charset=utf-8"/><head><title>CSS浮动练习</title><link rel="icon" href="2.gif" type="image/2gif" &

<!DOCTYPE html>

<html>

<meta  charset=utf-8"/>

<head>

<title>CSS浮动练习</title>

<link rel="icon" href="2.gif" type="image/2gif" >

<style type="text/css">

ul li{list-style:none;width:150px;height:50px;line-height:50px;text-alight:center;backround-color:#red;margin:2px;float:left;}

.lm1{width:300px;height:300px;backround-color:pink;flaot:right;}

.clear{clear:both;}

</style>

</head>

<body>

<ul>

<li>学习CSS浮动</li>

<li>跟PHP中文网灭绝老师学</li>

<li>抓紧时间了</li>

<li>努力冲刺</li>

</ul>

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

<div class="lm1"></div>

<div class="lm1"></div>

<div class="lm1"></div>


</body>


</html>


批改老师:灭绝师太批改时间:2019-02-25 16:12:52
老师总结:作业练习完成的太过简单哦!可以自己找案例完成!

发布手记

热门词条