css - 我如何才能使字词的线条更接近，而且我的寄宿生也不会一路过关斩将

上一个的更新问题

如何使字词的线条更接近？我的寄宿生也不会一路过关斩将
另一个更新->我发现行距问题只是无法找出边界
// css

   .headerC {
   background: #89cff0;
   font: 36pt/40pt courier;color: white;
   font-variant: small-caps;
   border: thick dashed hotpink;

}

// html

<div class="headerC">
                <h1 align="center" >Contact</h1>
                <h4 align="center"> <a href="tel:203-831-9722" class="link">203-831-9722</a></h4>
                <h5 align="center" >234 East Ave 06855</h5>
                <h6 align="center" >Norwalk, CT</h6>

        </div>

最佳答案

使用外部CSS和外部div上的border的代码的简化版本：

的HTML

 <div class="header">
     <h1 align="center" >Contact</h1>
     <h4 align="center"> <a href="tel:203-831-9722" class="link">203-831-9722</a></h4>
     <h4 align="center" >234 East Ave 06855</h4>
     <h4 align="center" >Norwalk, CT</h4>
 </div>

的CSS

.header {
  background: #00080;
  font: 36pt/40pt courier;
  font-variant: small-caps;
  border: thick dashed hotpink;
}
.link {
  text-decoration:underline;
}