html中表单设置圆角,使用css选择器来实现表格的四角变圆角——2019.9.6

这次对表格来一次操作，用css控制表格中的某个属性进改变。目的嘛就是为了熟悉属性选择操作。

先获得表格~

勇者培训中心课程安排

星期星期一星期二星期三星期四星期五

上午治疗战斗闪避体魄意志治疗战斗闪避体魄意志治疗战斗闪避体魄意志下午战斗闪避体魄意志治疗战斗闪避体魄意志治疗战斗闪避体魄意志治疗备注：还欠修女两枚金币

接着再用css来改变样式table {

border: 1px solid #444;

border-collapse: separate;

/*一定要设置这个属性，否则之后的圆角属性就无法修改了*/

width: 800px;

margin: 20px auto;

border-radius: 10px;

/*表格外框四角圆角*/

}

th,

td {

border: 1px solid #444;

text-align: center;

padding: 10px;

}

table caption {

font-size: 1.3rem;

font-weight: bolder;

margin-bottom: 15px;

}

table thead {

border-radius: 10px;

}

table thead>tr:first-of-type {

background-color: navajowhite;

}

/* 第一行的第一个tr的第一个th左上角变圆角 */

table thead>