Html 桌子上的边框半径
我正在为学校制作一个网站,其中一个要求是要有一个表元素。我制作了一个table元素,并将边界半径设置为25px。结果是,边界保持默认半径,而背景则保留在拐角处。 以下是我使用的代码:Html 桌子上的边框半径,html,css,Html,Css,我正在为学校制作一个网站,其中一个要求是要有一个表元素。我制作了一个table元素,并将边界半径设置为25px。结果是,边界保持默认半径,而背景则保留在拐角处。 以下是我使用的代码: 表格{ 宽度:750px; 文本对齐:居中; 边框:实心深蓝色5px; 背景颜色:浅蓝色; 边缘底部:25px; 边界塌陷:塌陷; 边界半径: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; }
这回答了你的问题吗?您的代码转储附带一个解释如何?