Home > Others

The Nineth Chapter text Example Two

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞ 

<HTML><Head><title>CSS Control title</title><style><!--H1{font-family:Arial,sans-serif;font-size:28px;Color:#336699;Padding-bottom:4px;            /*Bottom Filler*/Border-bottom:1px solid #999999;    /*line width style color*/}H1{font-family:Arial,sans-serif;font-size:28px;Color:#ffffff;padding:4px;                /*Around Filler*/Background-color:#669966;}H1{font-family:Arial,sans-serif;font-size:28px;Color:#666;padding:4px;        /*Around Filler*/Background-color:#ddd;Border-bottom:3px Solid #aaa;   /*Bottom Border*/}H1{font-family:Arial,sans-serif;font-size:28px;Color:#369;Background-color:#000000;Background-image:URL (01.jpg) repeat-x Bottom;   /*Bottom Background Horizontal repeat background picture set at bottom of text*/Padding-bottom:10px;    /*add additional bottom filler*/}H1{font-family:Arial,sans-serif;font-size:28px;Color:#369;Padding-left:32px;        /*Move left*/background:URL (icon.gif) no-repeat 0 50%;   /*set the icon to the left of the text*/}/*img can be used to achieve a number of changes in CSS, such as a large number of small icons throughout the site title*/Body{Background-color:#000000;}H1{font-family:Arial,sans-serif;font-size:28px;Color:#369;}H1 img{background:#f22;vertical-align:Middle;} -</style></Head><Body><H1><imgsrc= "Bg.gif"Border= "0">Super Title CSS</H1>  </Body></HTML>

There are two reasons for this encoding: One reason is that there are various icons, depending on the subject of the title. Another reason: The site may change the color scheme of the entire site based on the current time, and to have these icons transform colors along with other elements on the page, you do not need to create new icons each time. Create some transparent GIF images. As the example above, through the transparent part of the icon, using the Background property in CSS to set its stolen color, you can achieve style changes.

The Nineth Chapter text Example Two

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
compare two text strings two decimal places example compare two text files notepad sublime text compare two files get the permalink wordpress the field gcd of two numbers example

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.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More