Html 边界半径生成eclipse,需要90度圆角。CSS

Html 边界半径生成eclipse,需要90度圆角。CSS,html,eclipse,css,rectangles,Html,Eclipse,Css,Rectangles,所以我试着在我的矩形上得到一个90度角,宽度96.6%,高度6.5% 矩形上应用的设置:边框半径左下角:5%; 右下角边界半径:5%;,这给了它一个月食形状,但它需要是一个90度角 我需要使用什么设置来获取此信息?您需要使用绝对度量,例如px、em或in,而不是%来确保x和y值是相等的。否则,它们将取决于宽度和高度的值,只要元素不是正方形,就会得到省略号 html, 身体{ 身高:100%; 宽度:100%; 填充:0; 保证金:0; } .矩形{ 宽度:96.6%; 身高:6.5%; 背景:

所以我试着在我的矩形上得到一个90度角,宽度96.6%,高度6.5%

矩形上应用的设置:边框半径左下角:5%; 右下角边界半径:5%;,这给了它一个月食形状,但它需要是一个90度角

我需要使用什么设置来获取此信息?

您需要使用绝对度量,例如px、em或in,而不是%来确保x和y值是相等的。否则,它们将取决于宽度和高度的值,只要元素不是正方形,就会得到省略号

html, 身体{ 身高:100%; 宽度:100%; 填充:0; 保证金:0; } .矩形{ 宽度:96.6%; 身高:6.5%; 背景:绿色; 边界半径:10px; } 您需要使用绝对度量,例如px、em或in,而不是%来确保x和y值是相等的。否则,它们将取决于宽度和高度的值,只要元素不是正方形,就会得到省略号

html, 身体{ 身高:100%; 宽度:100%; 填充:0; 保证金:0; } .矩形{ 宽度:96.6%; 身高:6.5%; 背景:绿色; 边界半径:10px; }
您必须首先在css中使用边界半径,然后在硬边界中使用它 编号,无论是在px、em还是类似的格式中


如果之后发现存在相同的问题,那么问题还可能是您使边界半径对于对象内部的填充级别来说过高。如果你想保持物体的大小,我建议你将半径减小到5px。否则,请增加对象内部的填充。

您必须首先在css中使用边框半径,然后在硬边界中使用它 编号,无论是在px、em还是类似的格式中


如果之后发现存在相同的问题,那么问题还可能是您使边界半径对于对象内部的填充级别来说过高。如果你想保持物体的大小,我建议你将半径减小到5px。否则,增加对象内部的填充。

这就成功了,谢谢!不客气,很高兴我能帮上忙!我想更新你的答案,发现它不完整,因为它最初没有解释原因。请解释一下原则,这样我可以删除我的。非常感谢。我不介意你用我的措辞。我写它只是为了解释发生了什么。或者用你自己的话,或者引用一些官方的东西,一切取决于你:谢谢你的提示,更新我的答案。非常欢迎。干杯这就成功了,谢谢!不客气,很高兴我能帮上忙!我想更新你的答案,发现它不完整,因为它最初没有解释原因。请解释一下原则,这样我可以删除我的。非常感谢。我不介意你用我的措辞。我写它只是为了解释发生了什么。或者用你自己的话,或者引用一些官方的东西,一切取决于你:谢谢你的提示,更新我的答案。非常欢迎。干杯