CSS + DIV webpage style and layout-page Background & amp; image effects, cssdiv

Source: Internet
Author: User

CSS + DIV webpage style and layout-page Background & image effects, cssdiv

After the CSS text effect is the page of the webpage, the page must have images to be more colorful. Pictures make our life more diversified, if some images are inserted in an article, they will be more eye-catching. Now we will reveal what the image looks like Under CSS control.

First, load the image statement:

<td style="text-aligh:left;"></td>

I. image effects


Ii. Page background


3. Text effects + image effects + Page background

The effects of the above text, images, and page background are as follows:



Code: Set the CSS style for style


<Style> body {padding: 0px; margin: 0px; background-image: url(bg4.jpg);/* background image */background-repeat: no-repeat; /* not repeated */background-position: bottom right;/* background position, bottom right */background-color: # eeeee8 ;} span {/* font-size: 70px; float: left; font-family:; font-weight: bold;} p {margin: 0px; font-size: 14px; padding-top: 10px; padding-left: 6px; padding-right: 8px ;}</style>

Page elements in the body:

<Body> <p> <span> snow </span> is the most extensive, common, and important form of atmospheric solid precipitation. Solid precipitation in the atmosphere is diverse. Apart from the beautiful Snow, it also includes hail that can cause great harm, as well as snow shards and ice grains that we don't often see. </P> <p> due to the differences in meteorological conditions and growth environment in the sky, various types of solid precipitation are produced. These atmospheric solid-state precipitation come from different places and vary from person to person, with a wide range of names and extremely different characteristics. For the sake of convenience, the International Snow and Ice Commission affiliated to the International Hydrological Association held a special international meeting on 1949, on the basis of soliciting the opinions of experts from various countries, the proposal on concise classification of atmospheric solid precipitation was adopted. This concise classification divides solid precipitation into ten types: snow slices, star snow, Columnar snow crystals, needle-like snow crystals, multi-branch snow crystals, axial snow crystals, irregular snow crystals, shards, ice particles and hail. The first seven types are collectively referred to as snow. </P> <p> the winter sun is located at 225 °, January 1, November 7 ~ October 8 <br> the light snow sun is located at 240 °, January 1, November 22 ~ <Br> heavy snow sun is located at 255 ° yellow longitude, December 6 ~ October 8 <br> the winter solstice Sun is located at 270 °, January 1, December 21 ~ <Br> the light cold sun is located at 285 °, January 1, January 5 ~ Day 7 <br> the great cold sun is located at 300 °, January 1, January 20 ~ 21-day submission </p> </body>

In fact, it is very easy to load our favorite images and set their styles through CSS. It is nothing more than setting the background color, the position of the background image, and the repetition mode. If you want images to be better and colorful, you can also filter images and typeset them. We will learn this content later. To make your webpage more exciting and eye-catching, study CSS!



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.