div+CSS样式的网页例子

一下我的一个实验页代码:

htm code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns=" http://www.w3.org/1999/xhtml"><HEAD
profile=http://gmpg.org/xfn/11><TITLE>Recipes Weblog</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<META content="MSHTML 6.00.2900.2995" name=GENERATOR><LINK media=screen
href="style.css" type=text/css rel=stylesheet>
<STYLE type=text/css>.recentcomments A {
PADDING-RIGHT: 0px! important; DISPLAY: inline! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; MARGIN: 0px; PADDING-TOP: 0px! important
}
</STYLE>

<SCRIPT language=JavaScript type=text/javascript></SCRIPT>
</HEAD>
<BODY>
<DIV style="WIDTH: 100%; HEIGHT: 100%" align=center>
<DIV class=head_px>
<DIV class=head_left>
<DIV class=head_right>
<DIV class=table1>
<DIV class=table_row1>
<DIV class=left1>
<DIV class=co_name>
<H1><A href=""> Recipes Weblog</A></H1>
<DIV class=slogan>Recipes of the most delicious dishes</DIV></DIV></DIV>
<DIV class=right1>
<DIV id=search>
<FORM id=searchform
style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px"
action=""
method=get><STRONG>search</STRONG><BR><INPUT id=s name=s><INPUT class=input
style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px"
type=image src="images/go.gif" value=submit>
</FORM></DIV></DIV></DIV></DIV></DIV></DIV></DIV>
<DIV class=head_line></DIV>
<DIV class=table>
<DIV class=table_row>
<DIV class=left>
<DIV class=cats2>
<DIV class=cats1>
<DIV class=cats3>
<DIV class=widget_style id=categories>
<DIV class=cats_bg>
<H2 class=h2>Categories</H2></DIV>
<UL>
<LI><A title="View all posts filed under Appetizer"
href="index.htm">Appetizer</A>
<LI><A title="View all posts filed under Bakery"
href="index.htm">Bakery</A>
<LI><A title="View all posts filed under Basic principles"
href="index.htm">Basic principles</A>
<LI><A title="View all posts filed under Beef"
href="index.htm">Beef</A>
<LI><A title="View all posts filed under Breakfast and Brunch"
href="index.htm">Breakfast and
Brunch</A>
<LI><A title="View all posts filed under Candy"
href="index.htm">Candy</A>
<LI><A title="View all posts filed under Cheese"
href="index.htm">Cheese</A>
<LI><A title="View all posts filed under Chicken"
href="index.htm">Chicken</A>
<LI><A title="View all posts filed under Condiment"
href="index.htm">Condiment</A>
<LI><A title="View all posts filed under Cookies"
href="index.htm">Cookies</A>
<LI><A title="View all posts filed under Cooking techniques"
href="index.htm">Cooking
techniques</A>
<LI><A title="View all posts filed under Dessert"
href="index.htm">Dessert</A>
<LI><A title="View all posts filed under Drink"
href="index.htm">Drink</A>
<LI><A title="View all posts filed under Duck"
href="index.htm">Duck</A>
<LI><A title="View all posts filed under Egg"
href="index.htm">Egg</A>
<LI><A title="View all posts filed under Ingredients & Flavours"
href="index.htm">Ingredients &
Flavours</A>
<LI><A title="View all posts filed under Jams and Jellies"
href="index.htm">Jams and Jellies</A>
<LI><A title="View all posts filed under Lamb"
href="index.htm">Lamb</A>
<LI><A title="View all posts filed under Low Carb Recipes"
href="index.htm">Low Carb Recipes</A>
<LI><A title="View all posts filed under Main Course"
href="index.htm">Main Course</A>
<LI><A title="View all posts filed under Mexican Food Recipes"
href="index.htm">Mexican Food
Recipes</A>
<LI><A title="View all posts filed under Pasta"
href="index.htm">Pasta</A>
<LI><A title="View all posts filed under Pork"
href="index.htm">Pork</A>
<LI><A title="View all posts filed under Quick Recipes"
href="index.htm">Quick Recipes</A>
<LI><A title="View all posts filed under Recipes"
href="index.htm">Recipes</A>
<LI><A title="View all posts filed under Restaurant business"
href="index.htm">Restaurant
business</A>
<LI><A title="View all posts filed under Salad"
href="index.htm">Salad</A>
<LI><A title="View all posts filed under Salsa"
href="index.htm">Salsa</A>
<LI><A title="View all posts filed under Sandwich"
href="index.htm">Sandwich</A>
<LI><A title="View all posts filed under Sauce"
href="index.htm">Sauce</A>
<LI><A title="View all posts filed under Seafood"
href="index.htm">Seafood</A>
<LI><A title="View all posts filed under Side Dish"
href="index.htm">Side Dish</A>
<LI><A title="View all posts filed under Soup and Stew"
href="index.htm">Soup and Stew</A>
<LI><A title="View all posts filed under Turkey"
href="index.htm">Turkey</A>
<LI><A title="View all posts filed under Vegetables"
href="index.htm">Vegetables</A>
<LI><A title="View all posts filed under Vegetarian Recipes"
href="index.htm">Vegetarian Recipes</A>
<LI><A title="View all posts filed under Wheat-free Recipes"
href="index.htm">Wheat-free Recipes</A> </LI>
</UL></DIV></DIV></DIV></DIV></DIV>
<DIV class=right><IMG style="WIDTH: 10px; HEIGHT: 19px" alt=""
src="images/spacer.gif" align=top>
<DIV class=sub_right>
<DIV class=table2>
<DIV class=table_row2>
<DIV class=left2><IMG alt="" src="images/pic1.jpg" align=top></DIV>
<DIV class=right2>
<DIV class=head><SPAN>Jan 10, 2007</SPAN>
<H2><A title="Permanent Link to Greek Meatballs"
href="?p=3" rel=bookmark>Greek
Meatballs</A></H2>Posted by Elise </DIV>
<DIV class=comment><IMG style="MARGIN: 3px 6px 0px 0px" alt=""
src="images/comm_bg.jpg" align=top><a href="#">Comments
(0)</a></DIV>
</DIV></DIV></DIV>
<DIV class=content_txt>
<P>I found this recipe in the weekend edition of the Wall St. Journal as good
“noshing” food for New Year’s and had to give it a try, with a few minor
changes. It comes from chef Michael Symon of the Parea Greek restaurant in New
York and Lola & Lolita Bistro in Cleveland. The meatballs are quite tasty
and work well dipped in a little yogurt. </P></DIV>
<DIV class=more><A href="#">Continue
reading "Greek Meatballs"</A><IMG style="MARGIN: 5px 0px 0px 3px" alt=""
src="images/more_bg.jpg" align=top></DIV>
<DIV class=table2>
<DIV class=table_row2>
<DIV class=left2><IMG alt="" src="images/pic1.jpg" align=top></DIV>
<DIV class=right2>
<DIV class=head><SPAN>Dec 10, 2006</SPAN>
<H2><A title="Permanent Link to Nut Muffins"
href="?p=4" rel=bookmark>Nut
Muffins</A></H2>Posted by Elise </DIV>
<DIV class=comment><IMG style="MARGIN: 3px 6px 0px 0px" alt=""
src="images/comm_bg.jpg" align=top><A
href="comments.htm">Comments
(2)</A></DIV>
</DIV></DIV></DIV>
<DIV class=content_txt>
<P>If time and waistline permitted, I could wake up every morning to the smell
of fresh muffins baking in the oven, especially these banana nut muffins. This
recipe is based on our popular banana bread recipe, with a little less sugar, a
cup of chopped walnuts, and a dash of espresso. Lest you be tempted to snatch
the muffins pictured here right out of your computer screen, you should know
that they’ve long since been consumed, minutes after the photo was taken.
</P></DIV>
<DIV class=more><A href="#">Continue
reading "Nut Muffins"</A><IMG style="MARGIN: 5px 0px 0px 3px" alt=""
src="images/more_bg.jpg" align=top></DIV>
<DIV class=table2>
<DIV class=table_row2>
<DIV class=left2><IMG alt="" src="images/pic1.jpg" align=top></DIV>
<DIV class=right2>
<DIV class=head><SPAN>Nov 10, 2006</SPAN>
<H2><A title="Permanent Link to Pound Cake"
href="?p=5" rel=bookmark>Pound
Cake</A></H2>Posted by Elise </DIV>
<DIV class=comment><IMG style="MARGIN: 3px 6px 0px 0px" alt=""
src="images/comm_bg.jpg" align=top><A
href="?p=5#comments">Comments
(0)</A></DIV></DIV></DIV></DIV>
<DIV class=content_txt>
<P>You know it’s a good sign when your friend the pastry chef raves about a
recipe. Especially when it has the words “eggnog” and “cake” in it. Thank you
Evie for the recipe, it was delicious. It’s a keeper! </P></DIV>
<DIV class=more><A href="#">Continue
reading "Pound Cake"</A><IMG style="MARGIN: 5px 0px 0px 3px" alt=""
src="images/more_bg.jpg" align=top></DIV></DIV></DIV>
<DIV class=left>
<DIV class=cats2>
<DIV class=cats1>
<DIV class=cats3>
<DIV class=widget_style id=archives>
<DIV class=cats_bg>
<H2 class=h2>Archives</H2></DIV>
<UL>
<LI><A title="January 2007"
href="?m=200701">January 2007</A>
<LI><A title="December 2006"
href="?m=200612">December 2006</A>
<LI><A title="November 2006"
href="?m=200611">November 2006</A>
</LI></UL></DIV></DIV></DIV></DIV>
<DIV class=cats2>
<DIV class=cats1>
<DIV class=cats3>
<DIV class=widget_style id=meta>
<DIV class=cats_bg>
<H2 class=h2>Meta</H2></DIV>
<UL>
<LI><A href="wp-login.php">Login</A>

<LI><A title="Syndicate this site using RSS 2.0"
href="RSS.xml">Entries <ABBR
title="Really Simple Syndication">RSS</ABBR></A>
<LI><A title="The latest comments to all posts in RSS"
href="RSS.xml">Comments
<ABBR title="Really Simple Syndication">RSS</ABBR></A>
<LI><A
title="Powered by Wordpress, state-of-the-art semantic personal publishing platform."
href="#">WordPress.com</A></LI>
</UL></DIV></DIV></DIV></DIV>
<DIV class=cats2>
<DIV class=cats1>
<DIV class=cats3>
<DIV class=widget_style id=links_with_style>
<DIV class=cats_bg>
<H2 class=h2>Blogroll</H2></DIV>
<UL>
<LI><A href="#">Alex</A>
<LI><A href="#">Donncha</A>
<LI><A href="#">Ryan</A>
<LI><A href="#">Dougal</A>
<LI><A href="#">Michel</A>
<LI><A href="#">Matt</A>
<LI><A href="#">Mike</A>
</LI></UL></DIV></DIV></DIV></DIV>
<DIV class=cats2>
<DIV class=cats1>
<DIV class=cats3>
<DIV class=widget_style id=recent-posts>
<DIV class=cats_bg>
<H2 class=h2>Recent Posts</H2></DIV>
<UL>
<LI><A href="#">Greek Meatballs
</A>
<LI><A href="#">Nut Muffins </A>
<LI><A href="#">Pound Cake
</A></LI></UL></DIV></DIV></DIV></DIV>
<DIV class=cats2>
<DIV class=cats1>
<DIV class=cats3>
<DIV class=widget_style id=recent-comments>
<DIV class=cats_bg>
<H2 class=h2>Recent Comments</H2></DIV>
<UL id=recentcomments>
<LI class=recentcomments>Elise on <A
href="#">Nut
Muffins</A>
<LI class=recentcomments>Elise on <A
href="#comment-2">Nut
Muffins</A></LI></UL></DIV></DIV></DIV></DIV></DIV></DIV></DIV>
<DIV class=footer>
<DIV class=main_div>
<DIV class=footer_txt>Recipes Weblog is proudly powered by <A
href=""
target=_blank>SMQ</A></DIV></DIV></DIV></DIV></BODY></HTML>

Css 样式 code:

BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #555555; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff
}
A {
COLOR: #ff5400; TEXT-DECORATION: underline
}
A:hover {
COLOR: #ff5400; TEXT-DECORATION: none
}
.postmetadataalt {
FONT-SIZE: 0.81em
}
.pagetitle {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HTML {
FONT-SIZE: 11px; FONT-FAMILY: arial, tahoma, verdana
}
.normal {
FONT-SIZE: 1.01em; FONT-FAMILY: arial, tahoma, verdana
}
.small {
FONT-SIZE: 0.81em; FONT-FAMILY: arial, tahoma, verdana
}
.big {
FONT-SIZE: 1.11em; FONT-FAMILY: arial, tahoma, verdana
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 2.61em; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; LINE-HEIGHT: 1.01em; PADDING-TOP: 0px
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 2.11em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ff5400; PADDING-TOP: 0px
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 2.11em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ff5400; PADDING-TOP: 0px
}
#respond {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 2.11em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ff5400; PADDING-TOP: 0px
}
.content_txt H2 A {
COLOR: #ff5400; TEXT-DECORATION: none
}
.content_txt H2 A:hover {
COLOR: #ff5400; TEXT-DECORATION: none
}
.h2 {
PADDING-RIGHT: 5px; PADDING-LEFT: 9px; FONT-SIZE: 1.01em; PADDING-BOTTOM: 10px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; LINE-HEIGHT: 1.01em; PADDING-TOP: 8px
}
.head_px {
BACKGROUND: url(head_px.jpg) repeat-x left top; VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 164px
}
.head_left {
BACKGROUND: url(head_left.jpg) no-repeat left top; VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 164px
}
.head_right {
BACKGROUND: url(head_right.jpg) no-repeat right top; VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 164px
}
.main_div {
VERTICAL-ALIGN: top; WIDTH: 719px; TEXT-ALIGN: left
}
.head_line {
BACKGROUND: url(head_line.jpg) repeat-x left top; VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 33px
}
.footer {
BACKGROUND: url(footer.jpg) repeat-x left top; VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 70px
}
.footer_txt {
PADDING-RIGHT: 0px; PADDING-LEFT: 188px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; COLOR: #aaaaaa; PADDING-TOP: 11px
}
.footer_txt A {
FONT-WEIGHT: bold; COLOR: #aaaaaa; TEXT-DECORATION: underline
}
.footer_txt A:hover {
FONT-WEIGHT: bold; COLOR: #aaaaaa; TEXT-DECORATION: none
}
.table {
WIDTH: 719px
}
.table_row {
WIDTH: 719px; HEIGHT: 100%
}
.left {
VERTICAL-ALIGN: top; WIDTH: 159px; HEIGHT: 100%; TEXT-ALIGN: left
}
.right {
VERTICAL-ALIGN: top; WIDTH: 401px; HEIGHT: 100%; TEXT-ALIGN: left
}
.table1 {
WIDTH: 719px
}
.table_row1 {
WIDTH: 719px; HEIGHT: 100%
}
.left1 {
BACKGROUND: url(co_name.gif) no-repeat right top; VERTICAL-ALIGN: top; WIDTH: 453px; HEIGHT: 164px; TEXT-ALIGN: left
}
.right1 {
BACKGROUND: url(search_bg.gif) no-repeat right top; VERTICAL-ALIGN: top; WIDTH: 266px; HEIGHT: 164px; TEXT-ALIGN: left
}
.co_name {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 60px
}
.co_name A {
COLOR: #ffffff; TEXT-DECORATION: none
}
.co_name A:hover {
COLOR: #ffffff; TEXT-DECORATION: none
}
.slogan {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.81em; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; TEXT-TRANSFORM: uppercase; COLOR: #80a489; PADDING-TOP: 0px; LETTER-SPACING: 2px
}
#search {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; COLOR: #ffffff; LINE-HEIGHT: 1.11em; PADDING-TOP: 60px
}
#search STRONG {
TEXT-TRANSFORM: uppercase; COLOR: #ffffff
}
#search INPUT {
BORDER-RIGHT: #cfcfcf 1px inset; PADDING-RIGHT: 0px; BORDER-TOP: #cfcfcf 1px inset; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 3px 8px 0px 0px; VERTICAL-ALIGN: top; BORDER-LEFT: #cfcfcf 1px inset; WIDTH: 222px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #cfcfcf 1px inset; FONT-FAMILY: arial, times new roman, tahoma, verdana; HEIGHT: 21px; BACKGROUND-COLOR: #f4f4f4
}
#search .input {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px; VERTICAL-ALIGN: top; WIDTH: 24px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 22px; BORDER-BOTTOM-STYLE: none
}
.sub_right {
MARGIN: 0px 28px 0px 30px; VERTICAL-ALIGN: top; WIDTH: 343px; TEXT-ALIGN: left
}
.table2 {
WIDTH: 343px
}
.table_row2 {
WIDTH: 343px; HEIGHT: 100%
}
.left2 {
VERTICAL-ALIGN: top; WIDTH: 142px; HEIGHT: 100%; TEXT-ALIGN: left
}
.right2 {
VERTICAL-ALIGN: top; WIDTH: 201px; HEIGHT: 100%; TEXT-ALIGN: left
}
.head {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #899295; LINE-HEIGHT: normal; PADDING-TOP: 3px
}
.head SPAN {
FONT-SIZE: 0.81em; COLOR: #899295
}
.head A {
COLOR: #ff5400; TEXT-DECORATION: none
}
.head A:hover {
COLOR: #ff5400; TEXT-DECORATION: none
}
.comment {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ff002a; PADDING-TOP: 5px
}
.comment A {
COLOR: #ff002a; TEXT-DECORATION: none
}
.comment A:hover {
COLOR: #ff002a; TEXT-DECORATION: underline
}
.content_txt {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.11em; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; LINE-HEIGHT: 1.41em; PADDING-TOP: 12px
}
.content_txt A {
COLOR: #555555; TEXT-DECORATION: underline
}
.content_txt A:hover {
COLOR: #555555; TEXT-DECORATION: none
}
.content_txt STRONG {
COLOR: #555555
}
.more {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 37px; MARGIN: 0px; COLOR: #00ae21; PADDING-TOP: 10px
}
.more A {
FONT-WEIGHT: bold; COLOR: #00ae21; TEXT-DECORATION: none
}
.more A:hover {
FONT-WEIGHT: bold; COLOR: #00ae21; TEXT-DECORATION: underline
}
.cats2 {
BACKGROUND: url(cats2.jpg) repeat-y left top; MARGIN: 0px 0px 15px; VERTICAL-ALIGN: top; WIDTH: 159px
}
.cats1 {
BACKGROUND: url(cats1.jpg) no-repeat left top; VERTICAL-ALIGN: top; WIDTH: 159px; HEIGHT: 100%
}
.cats3 {
BACKGROUND: url(cats3.jpg) no-repeat left bottom; VERTICAL-ALIGN: top; WIDTH: 159px; HEIGHT: 100%
}
.widget_style {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: top; COLOR: #555555; PADDING-TOP: 4px; TEXT-ALIGN: left
}
.cats_bg {
VERTICAL-ALIGN: top; BACKGROUND-COLOR: #6a6a6a
}
.widget_style A {
COLOR: #555555; TEXT-DECORATION: underline
}
.widget_style A:hover {
COLOR: #555555; TEXT-DECORATION: none
}
.widget_style UL {
PADDING-RIGHT: 5px; PADDING-LEFT: 8px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-TOP: 10px
}
.widget_style LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 11px; BACKGROUND: url(li_bg.jpg) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; COLOR: #555555; LINE-HEIGHT: 1.81em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.widget_style UL LI A {
COLOR: #555555; TEXT-DECORATION: none
}
.widget_style LI A:hover {
COLOR: #555555; TEXT-DECORATION: underline
}
#archives {
VERTICAL-ALIGN: top
}
#links_with_style {
VERTICAL-ALIGN: top
}
#meta {
VERTICAL-ALIGN: top
}
#recent-comments {
VERTICAL-ALIGN: top
}
#recent-posts {
VERTICAL-ALIGN: top
}
#categories {
VERTICAL-ALIGN: top
}
#calendar_wrap {
PADDING-RIGHT: 10px; PADDING-LEFT: 18px; PADDING-BOTTOM: 15px; VERTICAL-ALIGN: top; PADDING-TOP: 15px
}
#calendar {
VERTICAL-ALIGN: top
}
#calendar_wrap A {
FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
#calendar_wrap A:hover {
FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#google-search {
VERTICAL-ALIGN: top
}
#gsearch {
TEXT-ALIGN: left
}
#pages {
VERTICAL-ALIGN: top
}
#text-1 {
VERTICAL-ALIGN: top
}
.textwidget {
PADDING-RIGHT: 10px; PADDING-LEFT: 8px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; TEXT-ALIGN: left
}
#delicious {
VERTICAL-ALIGN: top
}
#delicious-box {
TEXT-ALIGN: left
}
#categories .cats_bg {
VERTICAL-ALIGN: top; BACKGROUND-COLOR: #cc8c00
}
#archives .cats_bg {
VERTICAL-ALIGN: top; BACKGROUND-COLOR: #548f00
}
#archives LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; COLOR: #005286; LINE-HEIGHT: 1.81em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#archives UL LI A {
COLOR: #005286; TEXT-DECORATION: underline
}
#archives LI A:hover {
COLOR: #005286; TEXT-DECORATION: none
}
.left #search {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; VERTICAL-ALIGN: top; COLOR: #000000; LINE-HEIGHT: 1.11em; PADDING-TOP: 0px
}
.left #search STRONG {
TEXT-TRANSFORM: uppercase; COLOR: #000000
}
.left #search INPUT {
BORDER-RIGHT: #cfcfcf 1px inset; PADDING-RIGHT: 0px; BORDER-TOP: #cfcfcf 1px inset; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; VERTICAL-ALIGN: top; BORDER-LEFT: #cfcfcf 1px inset; WIDTH: 157px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #cfcfcf 1px inset; FONT-FAMILY: arial, times new roman, tahoma, verdana; HEIGHT: 21px; BACKGROUND-COLOR: #f4f4f4
}
.left #search .input {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px 133px; VERTICAL-ALIGN: top; WIDTH: 24px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 22px; BORDER-BOTTOM-STYLE: none
}
.right #search {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; COLOR: #000000; LINE-HEIGHT: 1.11em; PADDING-TOP: 10px
}
.right #search STRONG {
TEXT-TRANSFORM: uppercase; COLOR: #000000
}
.right #search INPUT {
BORDER-RIGHT: #cfcfcf 1px inset; PADDING-RIGHT: 0px; BORDER-TOP: #cfcfcf 1px inset; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 3px 8px 0px 0px; VERTICAL-ALIGN: top; BORDER-LEFT: #cfcfcf 1px inset; WIDTH: 222px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #cfcfcf 1px inset; FONT-FAMILY: arial, times new roman, tahoma, verdana; HEIGHT: 21px; BACKGROUND-COLOR: #f4f4f4
}
.right #search .input {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px; VERTICAL-ALIGN: top; WIDTH: 24px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 22px; BORDER-BOTTOM-STYLE: none
}

posted on 2007-03-21 13:10 西湖浪子阅读(929) 评论(0) 收藏举报