Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.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 CSS边界半径属性不工作_Html_Css_Image_Tumblr - Fatal编程技术网

Html CSS边界半径属性不工作

Html CSS边界半径属性不工作,html,css,image,tumblr,Html,Css,Image,Tumblr,我在Tumblr上运行我的网站。我刚刚添加了CSS Border Radius属性,并对所有具有特定ID的图像将其设置为20px。但是,正如您所看到的,图像右侧的角没有正确圆角,但左侧的角是圆角 CSS代码如下所示: #articleimage { float:left; padding-right: 10px; padding-bottom: 1px; width: 400px; border-radius:20px; } 我已经确定问题是由右边的填充

我在Tumblr上运行我的网站。我刚刚添加了CSS Border Radius属性,并对所有具有特定ID的图像将其设置为20px。但是,正如您所看到的,图像右侧的角没有正确圆角,但左侧的角是圆角

CSS代码如下所示:

#articleimage {
    float:left;
    padding-right: 10px;
    padding-bottom: 1px;
    width: 400px;
    border-radius:20px;
}
我已经确定问题是由右边的填充引起的,但是我需要CSS属性。我怎样才能停止这场冲突


查看屏幕截图:

尝试更改边距的填充:

#articleimage {
    float:left;
    margin-right: 10px;
    margin-bottom: 1px;
    width: 400px;
    border-radius:20px;
}

尝试更改边距的填充:

#articleimage {
    float:left;
    margin-right: 10px;
    margin-bottom: 1px;
    width: 400px;
    border-radius:20px;
}

问题可能是由于使用了
问题可能是由于使用了


您可以添加html吗?对于所有具有特定ID的图像,这让我感到困惑,因为在这种情况下,您必须使用类,而不是使用ID!!而且
id
无论如何都需要是唯一的。因此,对于所有具有特定ID的图像,HTML无效。为什么需要正确的
填充
?尝试稍微减小宽度为什么需要填充属性?您是否试图从其他内容中增加喘息空间?如果是这样的话,
margin
是更好的选择。padding属性是将文本从图像侧面隔开所必需的。您可以添加html吗?对于所有具有特定ID的图像,这让我感到困惑,因为在这种情况下,您必须使用类,而不是使用ID!!而且
id
无论如何都需要是唯一的。因此,对于所有具有特定ID的图像,HTML无效。为什么需要正确的
填充
?尝试稍微减小宽度为什么需要填充属性?您是否试图从其他内容中增加喘息空间?如果是这样的话,
margin
是更好的选择。padding属性用于将文本从图像侧面隔开。这很有效。非常感谢,这很有效。谢谢。