摘要：边框的使用 样式 颜色 宽度<!DOCTYPE html><html><head><title>练习</title> <style type="text/css"> *{margin: 0;padding: 0;} .box,ul,li{border: 1px solid #c
边框的使用 样式 颜色 宽度
<!DOCTYPE html>
<html>
<head>
<title>练习</title>
<style type="text/css">
*{margin: 0;padding: 0;}
.box,ul,li{border: 1px solid #ccc;margin: 0 auto;margin-top: 20px;text-align: center;}
.box{width: 500px;height: 500px;}
.box ul{width:450px;height: 450px;}
.box ul li{width:400px;height: 400px; list-style: none;line-height: 400px;}
</style>
</head>
<body>
<div class="box">
<ul>
<li>
<span>欢迎来到<a href="">php中文网</a>！</span>
</li>
</ul>
</div>
<p>
<span>hellophp</span>
<span class="cl">hello<a href="">php</a> </span>
</p>
</body>
</html>
批改老师：韦小宝批改时间：2019-02-14 17:42:53
老师总结：css实现边框很简单 不过实现的样式也有很多种 没事的时候可以多练习练习哦！
