<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
p {
padding: 10px;
border-style: solid;
}
p.one {
border-top-width: 5px;
border-color: #ae4fad;
}
p.two {
border-right-width: 5px;
border-color: #7aa309;
}
p.three {
border-bottom-width: 5px;
border-color: #ccb720;
}
p.four {
border-left-width: 5px;
border-color: #9a605f;
}
</style>
</head>
<body>
<p class="one">This is a paragraph has top border.</p>
<p class="two">This is a paragraph has right border.</p>
<p class="three">This is a paragraph has bottom border.</p>
<p class="four">This is a paragraph has left border.</p>
</body>
</html>
【border_left_width】
