Css div instance tutorial

After getting started with css div, let's take a look at the layout of div css, which has some advantages for table layout, but it is really difficult to make and design. Now let's take a look at the example tutorial. Let's take a look at the following results.

This is our Effect Image. The homepage is a background image, and we can use both the li label and the label on the page. Let's take a look at the div css code first, and then let's talk about the tutorial.

<H2> <Ul>
<Li> 1. 90cm X scroll merged and hang a picture </li>
<Li> 2.18x 12 inch a classic European Album </li>
<Li> 8 inch romantic flower series exquisite Bible Album </li>
<Li> 40 inch x laser output photo </li>
<Li> 5. 60X 40 inch Ali permanently framed one </li>
<Li> 6. 60X 40 inch large-size stylish and luxurious photo frames </li>
<Li> 32 inch x laser output photo </li>
<Li> 8. 48X 32 inch Ali permanently framed one </li>
</Ul>

Now let's analyze the above css code.

<H2>

H2 {
Margin-top: 6px;
Margin-bottom: 4px;
}

In this way, the title is displayed in the figure, and the definition of the li label is now available.

Li {

List-style-image: none;
List-style-type: none;
Line-height: 22px;
Height: 22px;
}

In this way, our results will show the basic getting started examples of css div, and the tutorials will be completed here.

For original site reprinted, please note: www.111cn.net/cssdiv/css.html