Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 桌子上的边框半径_Html_Css - Fatal编程技术网

Html 桌子上的边框半径

Html 桌子上的边框半径,html,css,Html,Css,我正在为学校制作一个网站,其中一个要求是要有一个表元素。我制作了一个table元素,并将边界半径设置为25px。结果是,边界保持默认半径,而背景则保留在拐角处。 以下是我使用的代码: 表格{ 宽度:750px; 文本对齐:居中; 边框:实心深蓝色5px; 背景颜色:浅蓝色; 边缘底部:25px; 边界塌陷:塌陷; 边界半径:25px } 五种品质 创造力 我们希望这里的学生在规划项目设计时尽可能具有创造性。 调查 我们希望学生在不理解某个主题或想知道更多的时候,尽可能多地提出有意义的问题

我正在为学校制作一个网站,其中一个要求是要有一个表元素。我制作了一个table元素,并将边界半径设置为25px。结果是,边界保持默认半径,而背景则保留在拐角处。 以下是我使用的代码:

表格{
宽度:750px;
文本对齐:居中;
边框:实心深蓝色5px;
背景颜色:浅蓝色;
边缘底部:25px;
边界塌陷:塌陷;
边界半径:25px
}

五种品质
创造力
我们希望这里的学生在规划项目设计时尽可能具有创造性。
调查
我们希望学生在不理解某个主题或想知道更多的时候,尽可能多地提出有意义的问题

协作 在进行项目时,我们希望所有学生与其团队成员的合作伙伴协作,以便在项目工作日充分利用他们的时间。 坚持不懈 当对一个项目感到沮丧时,我们希望学生们能够坚持不懈地工作,即使他们感到沮丧。 沟通 我们希望我们的学生与他们的团队或合作伙伴沟通,以大家都同意的方式完成工作。
表格{
宽度:750px;
文本对齐:居中;
边框:实心深蓝色5px;
背景颜色:浅蓝色;
边缘底部:25px;
边界半径:25px
}

五种品质
创造力
我们希望这里的学生在规划项目设计时尽可能具有创造性。
调查
我们希望学生在不理解某个主题或想知道更多的时候,尽可能多地提出有意义的问题

协作 在进行项目时,我们希望所有学生与其团队成员的合作伙伴协作,以便在项目工作日充分利用他们的时间。 坚持不懈 当对一个项目感到沮丧时,我们希望学生们能够坚持不懈地工作,即使他们感到沮丧。 沟通 我们希望我们的学生与他们的团队或合作伙伴沟通,以大家都同意的方式完成工作。
使用
边框间距:0
代替
边框折叠:折叠
以允许绘制
边框半径

表格{
宽度:750px;
文本对齐:居中;
边框:实心深蓝色5px;
背景颜色:浅蓝色;
边缘底部:25px;
边界间距:0;
边界半径:25px
}

五种品质
创造力
我们希望这里的学生在规划项目设计时尽可能具有创造性。
调查
我们希望学生在不理解某个主题或想知道更多的时候,尽可能多地提出有意义的问题

协作 在进行项目时,我们希望所有学生与其团队成员的合作伙伴协作,以便在项目工作日充分利用他们的时间。 坚持不懈 当对一个项目感到沮丧时,我们希望学生们能够坚持不懈地工作,即使他们感到沮丧。 沟通 我们希望我们的学生与他们的团队或合作伙伴沟通,以大家都同意的方式完成工作。
您可以尝试以下技巧: 将表格拐角处的所有4个单元格设为一个类,然后为每个类设置边界半径,如下所示:

.top-left-cell { border-radius: 25px 0 0 0; }

.top-right-cell { border-radius: 0 25px 0 0; }

.bottom-right-cell { border-radius: 0 0 25px 0; }

.bottom-right-cell { border-radius: 0 0 0 25px; }

这回答了你的问题吗?您的代码转储附带一个解释如何?