css边框_CSS边框

css边框

The border is a thin layer between padding and margin. Editing the border you can make elements draw their perimeter on screen.

边框是填充和边距之间的薄层。 编辑边框可以使元素在屏幕上绘制其边界。

You can work on borders by using those properties:

您可以使用以下属性来处理边框：

• border-style

  border-style

• border-color

  border-color

• border-width

  border-width

The property border can be used as a shorthand for all those properties.

属性border可以用作所有这些属性的简写。

border-radius is used to create rounded corners.

border-radius用于创建圆角。

You also have the ability to use images as borders, an ability given to you by border-image and its specific separate properties:

您还可以将图像用作边框， border-image及其特定的单独属性赋予您以下功能：

• border-image-source

  border-image-source

• border-image-slice

  border-image-slice

• border-image-width

  border-image-width

• border-image-outset

  border-image-outset

• border-image-repeat

  border-image-repeat

Let’s start with border-style.

让我们从border-style开始。

边框样式 (The border style)

The border-style property lets you choose the style of the border. The options you can use are:

border-style属性使您可以选择border-style 。 您可以使用的选项是：

• dotted

  dotted

• dashed

  dashed

• solid

  solid

• double