如何为字段集边框创建背景色

我是HTML新手。所以，我想知道如何为字段集边框创建背景颜色或图像？我是否可以使用字段集的正常颜色值，或者在字段集中创建背景色需要任何特殊颜色代码？任何信息都会有所帮助。我已经有 HTML 的背景图像，我想将背景颜色应用于字段集边框。

字段集 { 边框颜色：黑色; 边框样式：实心;}

JSfiddle

fieldset {
  background-color: black;
  color: white;
}

你可以使用它

.field_set{
border-color:#F00; //your color here
border-style: solid; //border style
}

您还可以在此处指定其他 css 属性作为正常的 css 样式

在 CSS 代码中添加：

fieldset {
    border: solid red;
}

这将使<fieldset> red的边界.支持大多数标准颜色。您还可以使用十六进制值，例如 #FF0000 ，它也是红色的。前两个十六进制数字是红色分量，中间两个是绿色分量，后两个是蓝色分量。

要插入图像背景，请使用：

fieldset {
    background-image: url('background.png');
}

CSS 代码可以存储在文件（例如，style.css ）中，并包含在 HTML 文档的<head>中，如下所示：

<link rel="stylesheet" type="text/css" href="style.css"></link>

或者直接在你的 HTML 中，如下所示：

<style>
    /* CSS Code here */
</style>

相关内容