SOURCE

<meta charset="UTF-8">
 <meta name="A" content="width=device-width, initial-scale=1.0">
<title>作业3</title>
<linl rel="stylesheet" href="B,css">
      
      <div class="xiangzhi">
        <div class="ABC"><b>源码分类</b></div>
        
            <div class="A"><a href="#">ASP</a>(0)<br></div>
            <div class="B"><a href="#">PHP</a>(0)<br></div>
            <div class="C"><a href="#">JSP</a>(0)<br></div>
        
        <div class="ABC"><b>访客</b></div>
        <div class="no">暂无访客<br></div>
        <div class="lo"><a href="#">登录</a>后您的头像会在这里。</div>
      </div>
   

.xiangzhi{
    width: 700px;
    height: 225px;
    background-color: white;
    border: solid 3px;
    border-color: #b0b0b0;
    margin: 30px 30px;
}

.ABC{
  width: auto;
    height: 25px;
    background-color: #ffc38d;
    font-size: medium;
    text-indent: 0.3em;
}

.A,.B,.C,.no,.lo{
  margin: 10px 15px;
}