CSS文本框的邊框大小設(shè)置

在CSS中，我們可以通過`border-width`屬性來設(shè)置文本框的邊框大小，`border-width`屬性可以指定邊框的寬度，單位是像素（px）或其他CSS支持的長度單位。

如果我們想要設(shè)置一個(gè)文本框的邊框?qū)挾葹?像素，可以使用以下CSS代碼：

```css

input {

border-width: 2px;

```

這段代碼會將所有``元素的邊框?qū)挾仍O(shè)置為2像素，如果你想要設(shè)置特定文本框的邊框?qū)挾?，可以給文本框添加一個(gè)類名，然后針對這個(gè)類名設(shè)置邊框?qū)挾龋?p>```html

```

```css

.my-input {

border-width: 2px;

```

這樣，只有帶有`my-input`類名的文本框會有2像素的邊框?qū)挾取?/p>

### 邊框樣式和顏色

除了邊框?qū)挾?，我們還可以設(shè)置邊框的樣式和顏色，我們可以設(shè)置一個(gè)文本框的邊框?yàn)樘摼€樣式，顏色為紅色：

```css

.my-input {

border-style: dashed;

border-color: red;

```

這樣，帶有`my-input`類名的文本框會有紅色的虛線邊框。

### 完整示例

下面是一個(gè)完整的示例，展示如何設(shè)置文本框的邊框大小、樣式和顏色：

```html

```

在這個(gè)示例中，我們創(chuàng)建了一個(gè)帶有`my-input`類名的文本框，并設(shè)置了2像素的紅色虛線邊框。