border css属性例题
时间: 2023-07-23 16:01:26 浏览: 103
css3-border属性实例.html
当然,这里有一个使用 CSS 的 `border` 属性的例子:
HTML:
```html
<div class="box">Hello, World!</div>
```
CSS:
```css
.box {
border: 2px solid red;
border-radius: 5px;
padding: 10px;
}
```
在上述示例中,我们创建了一个 `<div>` 元素,并为其添加了一个名为 `box` 的类。通过 CSS 的 `border` 属性,我们设置了这个元素的边框样式为 2 像素宽的红色实线边框。同时,我们还使用 `border-radius` 属性设置了边框的圆角为 5 像素,使其看起来更圆润。最后,我们使用 `padding` 属性添加了一定的内边距,以使文本与边框之间有一定的间距。
这样,该 `<div>` 元素就会显示为一个带有红色实线边框、圆角和内边距的文本框。你可以根据自己的需求调整这些属性值。
阅读全文