How does html add a line under the picture?

Today, I would like to share with you the relevant knowledge points about how html adds a horizontal line under the picture. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

In html, you can use the border-bottom attribute to add a horizontal line under the picture, which can set the lower border style to the picture element, and then achieve the effect of adding the underline. Syntax "picture element {border-bottom: horizontal line thickness solid horizontal line color;}".

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

In html, you can use the border-bottom property to add a line under the picture.

The border-bottom attribute adds a lower border to the element, setting the size, style, and color of the lower border.

Example:

.img {border-bottom: 3px solid black;}

These are all the contents of the article "how to add a line under the picture by html". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.