HTML css样式怎样才能像下图那样把文字分开，还有下划线，请帮我补写下 ，谢谢！！
发布网友
发布时间：2022-04-21 00:09
共1个回答
热心网友
时间：2022-04-21 01:39
<head>
<meta charset="utf-8">
<title>外婆家私房菜:账户管理</title>
<style type="text/css">
#title {
margin: 0px;
width: 100%;
height: 45px;
background-color: #d9d9d9;
}
#text {
margin: 0px;
line-height: 40px;
font-size: 22px;
font-weight: 700;
font-family: Microsoft YaHei, Arial;
color: #444;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
}
body {
margin: 0px;
}
.row {
border-bottom: 1px solid #999999;
}
</style>
</head>
<body>
<div id="title">
<center><span id="text">外婆家私房菜:账户管理</span></center>
</div>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="table">
<tr class="row">
<th width="20%" align="left" valign="middle" class="row"><form>
<input type="checkbox" name="ol">
</form>
</th>
<th width="20%" align="left" class="row">序号</th>
<th width="30%" align="left" class="row">帐号名</th>
<th width="30%" align="left" class="row">类型</th>
</tr>
<tr class="row">
<td width="20%" align="left" valign="middle" class="row"><form>
<input type="checkbox" name="oo">
</form>
</td>
<td width="20%" align="left" class="row">1</td>
<td width="30%" align="left" class="row">18602815892</td>
<td width="30%" align="left" class="row">管理员</td>
</tr>
</table>
</body>
</html>
看一下是不是你要的效果，有啥不明白再提。
