CSS border width

CSS border width

Insert picture description here

<!DOCTYPE html>
<html>
<head>
<style>
p.one {
     
     
  border-style: solid;
  border-width: 5px 20px; /* 上、下边框 5 像素,左、右边框 20 像素 */
}

p.two {
     
     
  border-style: solid;
  border-width: 20px 5px; /* 上、下边框 20 像素,左、右边框 5 像素 */
}

p.three {
     
     
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* 上 25 像素、右 25 像素、下 4 像素、左 35 像素 */
}
</style>
</head>
<body>

<h1>border-width 属性</h1>

<p>border-width 属性可接受一到四个值(依次对应上、右、下、左边框):</p>

<p class="one">一些文本。</p>
<p class="two">一些文本。</p>
<p class="three">一些文本。</p>

</body>
</html>

Insert picture description here

Guess you like

Origin blog.csdn.net/XRTONY/article/details/115215209