How to set bottom border in html

htmlHow to set the bottom border: First set a div and set its class to demo; then set the style of the div and use the [box-shadow] attribute to add a shadow effect.

The operating environment of this tutorial: windows7 system, html5 version, DELL G3 computer.

How to set the bottom border of html:

1. First create a new html file, enter the basic content, set a div here, and set its class to Demo, open it with a browser to see the default effect:

2. Set the style of the div. Here, give the div a width of 300px. Use the border-bottom attribute to set the bottom frame to 3 pixels, use a solid line frame, and the color is red. After the setting is completed, save the result to view:

3. Continue to beautify the border and add a shadow effect using the box-shadow attribute. The four values ​​are vertical shadow, horizontal shadow, shadow size, and shadow color; set the shadow rounded corner to 4em, and finally press crtl s to save, you can see the new border effect in the browser on the left:

Related learning recommendations: html video tutorial

The above is the detailed content of How to set bottom border in html. For more information, please follow other related articles on the PHP Chinese website!