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

This article mainly introduces "how to use margin-top of css". In daily operation, I believe many people have doubts about how to use margin-top of css. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "how to use margin-top of css". Next, please follow the editor to study!

Margin-top is to set the distance between the last object, it is to set the distance outside the border of the object css style.

1. Margin-top syntax. {margin-top:10px}

Set the object "." The upper spacing is 10px.

II. Application examples of margin-top

In order to observe the effect, the DIVCSS5 instance sets three DIV boxes with the same width, the same height and the same css frame, sets margin-top:10px; for the second div layer and margin-top:20px for the third div layer, and observes the effect to master the function of margin-top style. The three object layers are named ".div1".div2".div3" respectively by DIV class.

1. Complete HTML+CSS code for div css instance

Margin-top online instance DIVCSS5 .div1, .div2, .div3 {width:300px; height:80px; border:1px solid # F00} / * css Note description: set the red border of the same width and height of three objects * / .div2 {margin-top:10px} / * css Note description: set the object 10px spacing at the object distance * / .div3 {margin-top:20px} / * div css Note description: set the object 20px spacing at the object distance * /

DIVCSS5 sets different margin-top values for the ".div2".div3" selector object.

2. Screenshot of DIV+CSS margin-top instance

At this point, the study on "how to use the margin-top of css" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.