Làm cách nào để tạo đường viền tùy chỉnh trong css?

Giống như từ khóa

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

2, hiển thị không viền. Trừ khi một
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

3 được đặt, giá trị được tính toán của
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

4 của cùng một bên sẽ là
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

5, ngay cả khi giá trị được chỉ định là giá trị khác. Trong trường hợp ô bảng và đường viền bị thu gọn, giá trị
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

1 có mức ưu tiên thấp nhất. nếu bất kỳ đường viền xung đột nào khác được đặt, nó sẽ được hiển thị

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

2

Giống như từ khóa

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

1, hiển thị không viền. Trừ khi một
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

3 được đặt, giá trị được tính toán của
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

4 của cùng một bên sẽ là
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

5, ngay cả khi giá trị được chỉ định là giá trị khác. Trong trường hợp ô bảng và đường viền bị thu gọn, giá trị
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

2 có mức ưu tiên cao nhất. nếu bất kỳ đường viền xung đột nào khác được đặt, nó sẽ không được hiển thị

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

13

Hiển thị một loạt các chấm tròn. Khoảng cách của các dấu chấm không được xác định bởi thông số kỹ thuật và dành riêng cho việc triển khai. Bán kính của các chấm là một nửa giá trị tính toán của cùng một bên của

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

4

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

15

Hiển thị một loạt các dấu gạch ngang hoặc đoạn thẳng có đầu hình vuông ngắn. Kích thước và độ dài chính xác của các phân đoạn không được xác định bởi thông số kỹ thuật và dành riêng cho việc triển khai

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

16

Hiển thị một đường đơn, thẳng, liền nét

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

17

Hiển thị hai đường thẳng cộng với kích thước pixel được xác định bởi

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

4

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

19

Hiển thị đường viền có hình chạm khắc. Nó trái ngược với

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

80

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

80

Hiển thị một đường viền có hình dạng đùn. Nó trái ngược với

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

19

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

83

Hiển thị đường viền làm cho phần tử xuất hiện nổi. Nó trái ngược với

border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

83. Khi được áp dụng cho một ô trong bảng có
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

85 được đặt thành
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

86, giá trị này hoạt động giống như
border-style = 
{1,4}

=
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset

80