如何在表头上创建圆角 [英] How-to create rounded corners on Table Head only

问题描述

我想知道如何在表头上创建一个圆角？

I would like to know how to create a rounded corners on a table head only?

其他细节...我想要一个桌子头

Additional detail... I want to have a rouded head of the table the rest of the table is a rectangle just the first header row should have rounded corners.

推荐答案

问题是，你需要

所以你必须在第一轮和最后一轮获得所需的解决方案。

So you have to make for the first th and the last th round to get the wished solution.

table th:first-child{
  border-radius:10px 0 0 10px;
}

table th:last-child{
  border-radius:0 10px 10px 0;
}

这篇关于如何在表头上创建圆角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！