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

This article mainly introduces the HTML DIV tag how to use the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe everyone read this HTML DIV tag how to use the article will have some gains, let's take a look at it.

The first thing to know is what DIV is, div is HTML tag "".

Grammar of DIV Usage

content

div is a common tag in html web pages, and its default style is an exclusive line, and its CSS style needs to be re-assigned. For example, div width, height and other style settings, internal font size, font color need to be implemented through CSS.

Popular understanding div, div role is to achieve layout, to achieve control of content style, to achieve a variety of layout effects.

DIV usage example, here by setting different CSS styles for div, observe its effect.

1, DIV+CSS instance complete HTML source code:

The use of div online demonstration www.. com div{ margin-top:10px}/* css Note: Set the upper spacing of div to 10px */ .- 1{font-size:16px}/* Set css font size 16px */ .- 2{color:#F00}/* Set CSS font color to red */ .- 3{ background:#000; color:#FFF}/* Set CSS background color to black and font color to white */ .- 4{ border:1px solid #F00; height:60px}/* Set CSS border and CSS height 60px */ Normal Content One My font size is 16px My font color is red My background is black Font is white Layout Set border and height

2. Screenshot of example effect of css div

About "HTML DIV tag how to use" the content of this article is introduced here, thank you for reading! I believe everyone has a certain understanding of "how to use HTML DIV tags" knowledge. If you still want to learn more knowledge, please pay attention to 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.