Shulou(Shulou.com)06/01 Report--

This article mainly introduces html how to set the distance between the picture and the frame, the article is very detailed, has a certain reference value, interested friends must read it!

In css, you can use the padding-top attribute to set the top border distance of a picture, simply by adding a "padding-top: distance value;" style to the picture element. The padding-top attribute sets the upper inner margin (space) of the element, and negative values are not allowed.

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

Css picture sets the top border distance

Img {

Border: 1px solid red

Padding-top: 20px

}

Css padding-top attribute

The padding-top attribute sets the upper inner margin (space) of the element.

Description

This property sets the width of the inner margin on the element. The upper inner margin set on an inline non-replacement element does not affect the row height calculation, so if an element has both an inner margin and a background, it may visually extend to other lines and overlap with other content. Negative inner margin values are not allowed. (learn video sharing: css video tutorial)

Note: negative values are not allowed.

Attribute value:

Value

Description

Length

Specifies a fixed upper inner margin value in specific units, such as pixels, centimeters, etc. The default value is 0px.

%

Defines the inner margin based on the percentage of the width of the parent element. This value does not work in all browsers as expected.

The above is all the content of the article "how to set the distance between the picture and the frame in html". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.