table的制作,设置圆角的话查了下貌似说用css3比较容易做出来,看了网上代码还是不太理解,属性太多。得慢慢消化实战才能记得住
实例
html>
表格
型号硬盘内存cpu尺寸颜色
macbookpro128g4gi313.3银2568gi513.3灰macbookair2568gi513.3灰2568gi513.3灰备注:颜色以当天发货为准
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
table{
border:1pxsolid#444444;
width:600px;
margin:40pxauto;
box-shadow:2px2px2px#888888;
position:relative;
}
tablecaption{
font-weight:bold;
font-size:1.3rem;
margin-bottom:5px;
}
th,td{
border:1pxsolid#444444;
text-align:center;
padding:10px;
}
tabletheadtrth{
background-color:#cccccc;
}
tabletbody>tr:first-of-type>td:first-of-type{
background-color:lightcoral;
}
tabletbody>tr:nth-last-of-type(2)>td:first-of-type{
background-color:lightcyan;
}
thead>tr:nth-of-type(1)>th:nth-of-type(1){
border-top-left-radius:15px;
}
thead>tr:nth-of-type(1)>th:last-of-type{
border-top-right-radius:15px;
}
tfoot>tr:nth-of-type(1)>td:nth-of-type(1){
border-bottom-left-radius:15px;
}
tfoot>tr:nth-of-type(1)>td:last-of-type{
border-bottom-right-radius:15px;
}
运行实例 »
点击 "运行实例" 按钮查看在线实例
如果觉得《php网页表格制作 table表格制作》对你有帮助,请点赞、收藏,并留下你的观点哦!