返回在看过CSS导......登陆

在看过CSS导航案例的前提下,将本节课写为HTML和CSS两个部分

美美哒2019-04-13 12:56:03231

HTML:

<!DOCTYPE html>

<html lang="zh">

<head>

<link rel="stylesheet" type="text/css" href="CSS浮动.CSS">

<title>CSS浮动</title>

</head>

<body>

<ul>

<li>第一列</li>

<li>第二列</li>

<li>第三列</li>

<li>第四列</li>

<li>第五列</li>

</ul>

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

<div class="box-1">一</div>

<div class="box-1">二</div>

<div class="box-1">三</div>

</body>

</html>


CSS:


*{margin: 0px 0px;}

a{text-decoration: none;color: rgb(0,0,0); font-size: 13px}

li{list-style: none;float: left;background-color:rgba(39, 199, 228, 0.658);margin: 0px 10px;}

.clear{clear: both;}

.box-1{background-color: rgba(121, 224, 36, 0.774);width: 100px;height: 100px; font-size: 14px; float: right;}



小结:

有点儿不明白,HTML中的head属性具体写的是什么,也不知道应该什么

最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送