<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css" media="screen">
.box{
width:20px;
height:20px;
}
</style>
</head>
<body>
<p>Jayant</p>
<div class="box">
</div>
</body>
</html>
.box{
width:100px;
height:100px;
background-color: blue;
border-top: 200px solid red;
border-left:200px solid pink;
border-right: 200px solid green;
border-bottom: 200px solid black;
}
为方块增加外border;效果图