css fieldset
时间: 2023-07-23 16:28:03 浏览: 135
HTML中fieldset
`<fieldset>` 是 HTML 中的一个标签,用于将表单内的相关元素分组,并创建一个带有边框和标题的容器。
在 CSS 中,可以通过对 `<fieldset>` 元素及其内部元素设置样式来自定义 `<fieldset>` 的外观。
例如,下面的 CSS 代码将 `<fieldset>` 的边框设置为蓝色,内部元素的文本颜色设置为红色,并将 `<legend>` 元素(用于表示 `<fieldset>` 标题的元素)的文本颜色设置为绿色:
```css
fieldset {
border: 2px solid blue; /* 边框为蓝色实线,宽度为2px */
padding: 10px; /* 内边距为10px */
}
fieldset legend {
color: green; /* 标题文本颜色为绿色 */
}
fieldset * {
color: red; /* 内部元素文本颜色为红色 */
}
```
需要注意的是,`<fieldset>` 的样式会影响其内部所有元素的样式,因此应该谨慎地使用 `<fieldset>` 标签和相关样式。
阅读全文