即使在使用边框折叠：<tr>之后，边框半径也不会应用于分隔行标签
边框半径不会应用于分隔行标签是因为分隔行标签（<tr>）是表格中的一行，而边框半径（border-radius）属性只能应用于具有背景的元素，例如块级元素或内联块级元素。分隔行标签通常不包含背景，因此边框半径属性对其无效。
边框半径属性用于创建元素的圆角效果，可以通过设置一个或多个值来指定圆角的大小。例如，border-radius: 5px;将为元素的四个角创建一个5像素的圆角。
对于表格中的分隔行标签，如果想要应用圆角效果，可以考虑使用其他方法，如在分隔行标签内部添加具有背景的元素，并对该元素应用边框半径属性。另外，还可以使用CSS伪元素（如::before或::after）来模拟分隔行，并对伪元素应用边框半径属性。
腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储、人工智能等。具体推荐的产品和产品介绍链接地址可以根据具体需求和场景来选择，可以参考腾讯云官方网站获取更详细的信息。
相关·内容
3回答
圆角边框
html、css
我在标题导航中有一个标签，上面有一个边框。标签有圆角。我希望标签上的边框与页眉上的边框齐平。但是圆角似乎创造了一种锥形效果。我怎样才能缓解这个问题呢？我的小提琴：
css：
.gizmo {
position:fixed;
top:0;
width:100%;
height:40px;
background-color:#4c4c4c;
border-bottom:1px solid red;
}
.tab-shit {
position:absolute;
width:40px;
right:100px;
hei
浏览 0提问于2014-03-20得票数 2
6回答
CSS边框半径不能修剪Webkit上的图像
google-chrome、webkit、css
当我使用chrome而不是firefox或ie9时，我很难弄明白为什么我的#屏幕元素中的边框半径消失了？
我有每个浏览器的所有不同前缀加上标准的边框半径：
www.cenquizqui.com
上面的内容框包含图片，名为#screen
一个screen的css副本粘贴：
#screen {background: none repeat scroll 0 0 #EEEEEE;
display: block;
height: 300px;
position: relative;
width: 960px;
overflow:hidden;
-moz-
浏览 0提问于2012-01-03得票数 12
回答已采纳
3回答
表格单元格背景在带有圆角的表格中渗出
html、css、css-tables
在中可以看到，表格设置为圆角(特别是右上角和左下角)，这些角被包含的单元格的背景颜色破坏。
我尝试将一些padding应用到表中，但没有任何帮助。是添加额外的列和行并将它们的background-color设置为transparent的唯一选择
如何解决这个问题，只使用CSS (没有添加图片或javascript)？
浏览 0提问于2012-11-09得票数 3
回答已采纳
2回答
舍入html表体的角。
html、css、html-table、rounded-corners
这是一个
我试图绕过tbody元素的角，但没有成功。
我能够绕着tr元素的角落在tbody中使用以下内容
CSS
.tr .rounded-corners {
height: 225px;
width: 250px;
display: inline-block;
padding: 10px;
margin-top: 10px;
box-shadow: 2px 2px 7px #888888;
border-radius: 7px;
cursor: pointer;
cursor: hand;
}
但是，当我尝试用tbody做类似的样式时，角不是圆角的吗？
浏览 2提问于2014-12-22得票数 6
回答已采纳
1回答
由Input元素实现的Button在被点击时不响应
css、huawei-developers
在开发QuickApp时，在将输入元素的类型设置为按钮并设置边框半径属性后，当点击按钮时，按钮不会按预期响应(背景颜色更改)。如果边框半径属性被删除，该按钮将再次正常工作。 <template>
<div class="page-wrapper">
<input type="button" class="button" value="Animation" />
</div>
</template>
<script>
</script&
浏览 141提问于2021-08-31得票数 1
回答已采纳
2回答
如何有圆角的边框作为图像和内部背景颜色来看穿？
html、css
我有一个带有内圆角的div边框，我想用图像替换它。该图像将有不透明度，渐变和其他Photoshop效果应用到它。
我还想让内部div的背景颜色看清，这样身体的图像就是可见的。基本上我在.inner目录中寻找一个透明的背景。
JSFiddle：
这是我的HTML：
<body>
<div class="outer">
<div class="inner">
....
....
</div>
</div>
</body>
CSS：
body {
浏览 0提问于2014-07-01得票数 0
5回答
溢出:隐藏不能在Firefox中工作？
html、css、html-table、overflow
我有一个圆角的表格，我在上面放了一个overflow: hidden CSS命令，这样每个单元格的角就不会突出出来。它在Chrome上运行良好，但在Firefox上就不行了。有人能告诉我出什么事了吗？
<style>
table {
border-spacing: 0px;
border: 1px solid #222;
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
overflow: hidden;
}
th {
浏览 0提问于2013-07-15得票数 0
4回答
CSS - border-radius在IE6/7/8中不显示
internet-explorer、cross-browser、css、vendor-prefix
我正在使用以下CSS在我的DIV上实现圆角边框：
border: 1px solid #999;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
但在IE6/7/8中，即使我包含了IE的特定半径，它也不会显示圆角的DIV边框(它显示的是方形边框)。
你知道为什么只有IE6/7/8不显示圆角边框吗？
浏览 1提问于2009-08-16得票数 6
回答已采纳
3回答
我想有一个项目的标签类是灰色的(圆角边框)，当鼠标移动到项目上，当项目(S)被点击。
示例项目可能如下所示的<span class="tag">Some value</span>
我希望这能得到想要的结果(tag:hover如所希望的那样工作，但tag:active不起作用)：
.tag{
}
.tag:hover{
background:#CCC;
padding:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radi
浏览 0提问于2011-10-27得票数 3
4回答
CSS3下拉菜单样式
css、drop-down-menu
我有这些创建使用CSS的产品，支持和社区导航链接。下拉菜单底部有圆角。最后一个链接上的悬停效果覆盖了圆角，并将其平方，这是我不想要的。我希望圆角仍然停留在悬停在最后一个底部的链接下拉。我想我需要一个overflow属性:隐藏(?)但是我已经尝试了所有的方法，但是我不能让它正常工作。我遗漏了什么？
谢谢!
浏览 2提问于2013-06-26得票数 0
回答已采纳
5回答
完全重叠的圆形div
css、html、hover、geometry
我有一个包含圆形元素的列表。它们在背景中有一个图像，在悬停时，另一个div应该作为覆盖图变得可见。到目前为止，它是有效的，但是仍然有一个可见的边框，这表明悬停的div没有完全覆盖另一个圆角元素。
HTML：
<ul>
<li>
<div class="hover"></div>
</li>
<li>
<div class="hover"></div>
</li>
<li>
浏览 1提问于2014-04-30得票数 2
2回答
如何将函数应用于所有具有边框半径属性的元素
javascript、jquery、css
这个想法是在IE7/8中产生一些边界半径效应，所以我决定使用库。为了使其更通用，我想编写一些脚本，将corner()函数应用于具有边框半径属性的页面中的所有元素。
例如，对于此元素
.someElement
{
border-radius:10px;
}
函数必须执行以下操作
$(".someElement").corner("10px");
问题是，我想将圆角应用于所有元素，包括动态添加的元素和元素，这些元素在某些操作(悬停、单击等)中继承边界半径属性。这是可能的吗？
浏览 3提问于2012-10-03得票数 1
4回答
具有圆角和边框的表格标题
css、border、rounded-corners
表格标题可以有圆角和1px的边框吗？
当我应用边框时，它不会应用于圆角，而是实际的表格边框，因此边框角是方形的。
我该怎么做呢？
下面是CSS：
.example th {
border: 1px solid #ddd;
background: #444;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
background: -moz-linear-gradient(top, #eee, #ddd);
filter: progid:DXImageTransform.Mi
浏览 1提问于2012-06-06得票数 3
4回答
在IE 7+中有/没有JavaScript的圆角？
javascript、css
要在容器元素上创建圆角，我使用以下CSS：
border-radius:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
然而，IE似乎没有识别和解释边框-radius属性(至少是7-8版本，显然是针对版本9的)。
是否有一个完全可以在CSS中完成的解决方案(没有脚本，没有额外的标记)？
对于JavaScript/jQuery解决方案:如果我可以包含一个读取CSS的脚本，解释边界半径属性(包括边框左上半径，边框右上半径)，并相应地应用这些角，我就会使用基于这些解决方案的解决方案。这个存在吗？
浏览 6提问于2010-12-17得票数 8
回答已采纳
4回答
当适当缩进时，为什么这个HTML呈现不同？
html、css
我有一个无序列表，格式为表格导航，需要如下所示：
。为了给标签圆角，每个标签有左，中，右的div与各自的css背景*。
当我将列表项格式化为so ()时：
<li class="tab">
<div class="item-wrap"><span class="item-before"></span><span class="item"><a href="inventories">Inventory</a></sp
浏览 12提问于2013-04-25得票数 4
6回答
使用IE的/> -Radius.htc的<input type='text‘文本的圆角
internet-explorer、internet-explorer-8、rounded-corners、css
我想创建一个圆角的输入域。
HTML：
<div id="RightColumn">
<input type="text" class="inputForm" />
</div>
CSS：
.inputForm
{
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
borde
浏览 0提问于2010-07-18得票数 29
回答已采纳
3回答
我正在尝试创建一个带圆角边框的div元素。我知道border-radius的用法，但我注意到使用这个属性只会弯曲角落，比如右上角、左上角等等，所以我想知道是否有一些属性可以弯曲div元素的边，比如border-radius表示上、下、左和右。
例如，div的顶部、底部和左侧是直的，但右侧是圆形的。我想要创建右侧，以便它在顶部比底部更圆。
我的目标是创建一个右侧圆角的div元素，它不会影响顶部和底部。我的意思是，右侧的曲线应该在到达顶部或底部时立即停止。(以便顶部和底部保持笔直，而不是略微弯曲)。
有没有办法使用css来达到这种效果？
浏览 3提问于2013-04-23得票数 4
我有一个正方形的图像，看起来是圆形的，border-radius为50%。我想在这个图像周围应用一个10px厚的边框，而不是从图像的边缘“开始”，我想让它在图像边缘内“开始”1个像素，这意味着图像的上轮廓将隐藏在边框的下面。
实现此效果的最简单方法是什么？我尝试使用box-shadow，但没有太多成功。
浏览 1提问于2017-03-17得票数 0
4回答
CSS3边界-半径裁剪问题
html、css
我有一个div，其边框半径设置为某个值(例如10 of )，而嵌套div是它的父级的全部宽度和高度。
<!-- ... -->
<style type="text/css">
div.parent {
display: block;
position: relative;
width: 100px;
height: 100px;
border-radius: 10px;
background: #0000ff;
overflow: hidden;
}
div.inner {
display:
浏览 7提问于2010-07-14得票数 20
回答已采纳
2回答
使用线性渐变创建的背景的边界半径
css、reactjs
在我的react项目中，我为整个应用程序创建了背景。不幸的是，我不能添加具有边界半径的圆角。有没有人能帮我一下？
App.scss
html {
background: linear-gradient(to bottom right, #c9d2f0 10%, #ffe7bf 80%) no-repeat 95% 50%;
border-radius: 0.8125rem;
height: 100%;
margin-left: 1rem;
margin-right: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
pad
浏览 0提问于2021-01-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
