Set the color of the borders by css

Tuner: Farhad Posted on 10/15/2015 06:53:00 PM 5 comments

Hello everybody, how are you? Today I have come with the tutorial about how can you add color in the css border. Some days Ago, I have write a tutorial about making css border. You can view it here.

Set the style of the border by css

In that tutorial we will learn to create deferent css border and in this tutorial we will learn how to set color in border. Okey, now create a file with name border-color.html and paste this code in the file and save the file.

See the code and you will see that, first we create deferent css class for deferent color and then we use it with paragraph- <p> tag.

Now see the output of this code.

One-colored border!

Two-colored border!

Three-colored border!

Four-colored border!

Note: The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.