Add three-dimensional fonts to your Web page to make your Web page a lot more! The purpose of this article is to: through a control example, you can easily achieve three-dimensional font in the Web page, let you quickly get started! If you are a beginner, just a minute, you can learn! If you are a master, then I can only be a fish to swim! Demo Address: Grasp the time URL home http://www.85time.com
Example one:
<HTML>
<HEAD>
<style Type=text/css>a {
Text-transform:none; Text-decoration:none
}
a:hover {
COLOR: #0000ff; Text-decoration:underline
}
Body {
font-size:10pt; font-family: "Song Body"
}
TD {
font-size:10pt; font-family: "Song Body"
}
.3dfont {
COLOR: #0000ff; Filter:glow (color=ffffff,strength=1) Shadow (COLOR=DEDEDE,DIRECTION:100); position:relative; width:100%
}
</STYLE>
<body>
<p Class=3dfont> This is a three-dimensional font </p>
<p> This is not a three-dimensional font </p>
</body>
Case TWO:
If you need more than one page to use this method, you can
<style Type=text/css>a {
Text-transform:none; Text-decoration:none
}
a:hover {
COLOR: #0000ff; Text-decoration:underline
}
Body {
font-size:10pt; font-family: "Song Body"
}
TD {
font-size:10pt; font-family: "Song Body"
}
.3dfont {
COLOR: #0000ff; Filter:glow (color=ffffff,strength=1) Shadow (COLOR=DEDEDE,DIRECTION:100); position:relative; width:100%
}
</STYLE>
Save as a file 85time.css, or you can download from Http://www.85time.com/85time.css
Then save it in the same directory and invoke the following method:
<HTML>
<HEAD>
<link rel=stylesheet href= "85time.css" type= "Text/css" media=all>
<body>
<p Class=3dfont> This is a three-dimensional font </p>
<p> This is not a three-dimensional font </p>
</body>
The second ratio is a lot simpler.
Through the above two examples, I think you have seen the mystery of it! In fact, the use of a small part of the style sheet features, information about the stylesheet is best to buy a book to see! "Master lead the door, practice in the individual", of course, if you need electronic books can also go to my personal homepage download, download address: http://www.85time.com/mydowns/9.htm
The above is actually my homepage on the style sheet source program, now take out with you share, and you communicate, use of problems can also directly contact me (http://www.85time.com)!
