返回 CSS边框作业... 登陆

CSS边框作业

李木子 2019-06-16 20:00:22 260

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>边框</title>

<style>

.uu{

width:650px;

height:105px;

border:1px solid #000;

padding:5px;

}

.qq{

width:100px;

height:100px;

border: 1px solid #ccc;

border-radius:20px;

float:left;

margin-left:5px;

}

.ww{

width:100px;

height:100px;

border: 1px double #ccc;

float:left;

margin-left:5px;

}

.ee{

width:100px;

height:100px;

border: 1px dashed #ccc;

float:left;

margin-left:5px;

}

.rr{

width:100px;

height:100px;

border: 1px dotted #ccc;

float:left;

margin-left:5px;

}

.tt{

width:100px;

height:100px;

border-left: 1px solid #090;

border-bottom: 1px solid #00C;

border-right: 1px solid #CC0;

border-top: 1px solid #F69;

float:left;

margin-left:5px;

}

.yy{

width:100px;

height:90px;

border:1px solid #000;

box-shadow: 5px 5px 3px pink;

float:left;

margin-left:5px;

}

</style>

</head>


<body>

<div class="uu">

<div class="qq"></div>

<div class="ww"></div>

<div class="ee"></div>

<div class="rr"></div>

<div class="tt"></div>

<div class="yy"></div>

</div>


</body>

</html>


最新手记推荐

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

全部回复(0)我要回复

暂无评论~
  • 取消 回复 发送
  • PHP中文网