vue设置边框
时间: 2023-07-01 14:17:37 浏览: 904
图片添加边框
要设置 Vue 组件的边框,你可以使用 `border` 属性。比如,如果你想要在一个 `div` 元素中设置边框,可以这样写:
```
<div style="border: 1px solid black;">内容</div>
```
这个例子将在 `div` 元素周围添加一个像素宽的黑色实线边框。你可以通过调整 `border` 属性的值来改变边框的粗细、样式和颜色。
在 Vue 组件中,你可以将样式属性写在组件的 `style` 属性中,就像这样:
```
<template>
<div class="my-component">内容</div>
</template>
<style>
.my-component {
border: 1px solid black;
}
</style>
```
这个例子将在 `my-component` 组件周围添加一个像素宽的黑色实线边框。
阅读全文