HTML中如何将表格最外层框设置成实线,内单元格边框设置成虚线?

显示界面:
HTML中如何将表格最外层框设置成实线,内单元格边框设置成虚线?如图中所示,最外层边框为实线,内部单元格边框为虚线
以下为HTML部分的一部分代码

/*设置表格代码*/
同城网在线调查
你从哪里知道同城的 朋友告知 网上搜索 传单
你正在使用的同城网服务 免费社区 免费留言簿 免费投票
你希望我们提供哪些新服务 聊天室 博客 游戏系统
你是同城网的会员吗 是 不是
你对同城网的其他意见

以下为css部分代码
table,th{
border-spacing: 0em;
margin-left: 1px;
border: 1px solid #220808;
border-collapse: collapse;
}/设置表格最外层边框实线/
th{
color: white;
background-color: rgba(38, 45, 59, 0.767);
}
td{
border: 1px dashed;
}/设置单元格边框纵向虚线/
tr{
vertical-align: top;
border: 1px dashed;
}/设置单元格边框横向虚线/

总结:主要搞清楚表格最外层边框(外框)与表格的单元格边框(内框)是由哪一部分决定的
外框:table
内框:td,tr

上一篇:h5 移动端适配方案思考


下一篇:通过伪类元素画0.5px细线