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

This article mainly introduces DreamWeaver how to use the block tag div, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

The methods are as follows:

1. Open DreamWeaver, create a new html file and save it.

2. Enter the div tag in body. Div is double tag.

Enter three groups of div tags, as shown in the figure

4. Enter the style tag in head and modify the div in the style tag.

5. Enter div {} curly braces in the style tag to modify the div. Write the code modification for whatever effect of div is needed.

6. Enter width, height and background in the style. Width: width; height: height; background: background-color; as shown below

7. After entering the width, height and background color of the frame, open the browser preview and you will see three squares. As shown in the picture.

8. The above three Chinese graphics are connected together. In order to distinguish the borders of the three graphics, you can set the outer margin margin, for example, the outer margin is 10px.

9. Open the preview, and the following is the effect after adding the outer margin.

Thank you for reading this article carefully. I hope the article "how to use the block tag div in DreamWeaver" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.