当前位置: 首页 > 面试题库 >

HTML Div边框未显示

陆高峰
2023-03-14
问题内容

我正在尝试为HTML中的div元素添加边框。下面是我的代码。

#container-border {

  border-width: 2px;

  border-color: red;

}


<div id="container-border">

  ...

</div>

由于某些原因,边框不会显示。我在这里看过一个类似的问题,但我不知道为什么边框没有出现。有什么建议吗?

注意:此代码段是HTML页面的一部分。可根据要求提供其他代码


问题答案:

默认值border-stylenone。您需要为边框设置不同的值。

#container-border {

  border-width: 2px;

  border-color: red;

  border-style: dashed;

}


<div id="container-border">

  ...

</div>


 类似资料:
  • 问题内容: 我的半径div带有5px虚线边框,但边框在中无法正确显示。它在IE和chrome中显示良好。 问题答案: 您的边界在Firefox上运行,请参见DEMO您可以删除半径来检查它。当您尝试用虚线边框画圈时,FireFox出现错误。 这是一个已知的错误。您的选择是: 如果只是为了画圆,请用绘制,例如此处所示 使用SVG(可能是内联),它支持多种描边路径的方式 制作图片PNG

  • 我在窗口中尝试了相同的代码,它工作正常,但在mac GUI按钮不显示边框和背景颜色的效果。例如。btnc=按钮(root,padx=28,pady=15,bd=5,fg=“黑色”,字体=。(“arial”,30,“粗体”),文本=“C”,bg上面一行代码bg和bd中的格(行=1,列=3)不工作。

  • 问题内容: 在当前的工作中,我需要在容器上产生一个双边框。边框样式:double;做到这一点,但是我的客户希望外部边界更厚,内部边界具有正常的厚度。 除了创建2个div之外,还有1个嵌套在另一个div中,外部div具有更大的厚度,或者通过使用边框图像,有什么方法可以用CSS来实现,而仅使用1 div?指定边框样式:double; 并且仍然能够使外边界更厚。 问题答案: 轮廓包含在CSS3规范中,并

  • CSS3 Border(边框)主要有以下属性: border-radius box-shadow border-image 注意:Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox、Chrome 以及 Safari 支持所有新的边框属性。 对于 border-image,Safari 5 以及更老的版本需要前缀 -webkit

  • 问题内容: Chrome和Safari在图片周围显示边框,但我不希望这样。Mozilla中没有边框。我已经浏览了CSS和HTML,但找不到修复它的任何东西。 这是代码: CSS: 抱歉,我之前复制了一些旧代码。这是给我麻烦的代码 提前致谢 问题答案: 现在我不知道这是否是Chrome的错误,但是当找不到图片,图片网址损坏或您的src不存在时,会出现灰色边框。如果为图像提供适当的URL,然后浏览器找

  • 问题内容: 考虑以下HTML: 请注意,最后一个单元格的内联样式具有左右边框。您(或至少是我)希望看到它。在IE中,就是这种情况。但是在Firefox(6)中却不是。您可以通过以下方法解决此问题: 在CSS中移除相对位置 在CSS中更改为 在CSS中删除on 在CSS中删除on 这是我们代码的简化版本;我们也解决了它(选择选项2)。但是我想知道的是: 这是Firefox中的错误吗? 这是IE中的错