Css 边界不显示
我的边界没有显示在我的图像周围,我不太确定问题可能是什么。我只需要在照片周围画一个黑色的小边框。我的网站是。我想不出是什么问题。谢谢 CSS:Css 边界不显示,css,border,Css,Border,我的边界没有显示在我的图像周围,我不太确定问题可能是什么。我只需要在照片周围画一个黑色的小边框。我的网站是。我想不出是什么问题。谢谢 CSS: #kitchen { height:250px; width:346px; background-image:url(images/kitchenbg.jpg); } #kitchen img { top: 50%;
#kitchen {
height:250px;
width:346px;
background-image:url(images/kitchenbg.jpg);
}
#kitchen img
{
top: 50%;
left: 50%;
width: 316px;
height: 228px;
margin-top:11px;
margin-left:15px;
border-color:#000000;
border-width:thin;
}
<div id="kitchen">
<img src="images/kitchen.jpg" alt="Kitchen Tile Job"/>
</div>
HTML:
#kitchen {
height:250px;
width:346px;
background-image:url(images/kitchenbg.jpg);
}
#kitchen img
{
top: 50%;
left: 50%;
width: 316px;
height: 228px;
margin-top:11px;
margin-left:15px;
border-color:#000000;
border-width:thin;
}
<div id="kitchen">
<img src="images/kitchen.jpg" alt="Kitchen Tile Job"/>
</div>
您缺少:
border-style: solid;
边框有三个主要部分:宽度、样式和颜色;任何其他人都需要这种风格 尝试添加样式:
border-style: solid;
此外,您可以在css的同一行中指定所有这些:
border: thin solid black;
已更新
正如卫斯理所指出的,边界样式是唯一需要的样式
发件人:
除非设置了边框样式属性,否则任何边框属性都不会产生任何效果 您可以将边框宽度/样式/颜色放在一行中,如下所示:
Border: 1px solid black;
同时添加边框样式属性,例如
边框样式:solid代码>尝试以下操作:
border: 1px solid #F4F1E8;
box-shadow: 1px 1px 3px #4C4843;
实际上,边框样式
是唯一必需的样式,默认值通常是thin/1px
和#000
我相信:事实上,如果不使用边框颜色,它将继承元素的颜色。换句话说,如果文本颜色为粉红色,则边框也将为粉红色。谢谢我有很多东西要学。这是我的第一个网站,我正在做完全由我自己。