您好,欢迎来到尔游网。
搜索
您的当前位置:首页div+CSS样式的网页例子_html/css

div+CSS样式的网页例子_html/css

来源:尔游网


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


htm code:


profile=http://gmpg.org/xfn/11>Recipes Weblog

href="style.css" type=text/css rel=stylesheet>

if ((navigator.appName == "Microsoft Internet Explorer") && (navigator.userAgent.indexOf ("Opera") == -1)) {
document.write ('');
};
//-->


Recipes Weblog


Recipes of the most delicious dishes


Categories

  • href="index.htm">Appetizer
  • href="index.htm">Bakery
  • href="index.htm">Basic principles
  • href="index.htm">Beef
  • href="index.htm">Breakfast and
    Brunch
  • href="index.htm">Candy
  • href="index.htm">Cheese
  • href="index.htm">Chicken
  • href="index.htm">Condiment
  • href="index.htm">Cookies
  • href="index.htm">Cooking
    techniques
  • href="index.htm">Dessert
  • href="index.htm">Drink
  • href="index.htm">Duck
  • href="index.htm">Egg
  • href="index.htm">Ingredients &
    Flavours
  • href="index.htm">Jams and Jellies
  • href="index.htm">Lamb
  • href="index.htm">Low Carb Recipes
  • href="index.htm">Main Course
  • href="index.htm">Mexican Food
    Recipes
  • href="index.htm">Pasta
  • href="index.htm">Pork
  • href="index.htm">Quick Recipes
  • href="index.htm">Recipes
  • href="index.htm">Restaurant
    business
  • href="index.htm">Salad
  • href="index.htm">Salsa
  • href="index.htm">Sandwich
  • href="index.htm">Sauce
  • href="index.htm">Seafood
  • href="index.htm">Side Dish
  • href="index.htm">Soup and Stew
  • href="index.htm">Turkey
  • href="index.htm">Vegetables
  • href="index.htm">Vegetarian Recipes
  • href="index.htm">Wheat-free Recipes
  • Jan 10, 2007

    href="?p=3" rel=bookmark>Greek
    Meatballs

    Posted by Elise
    Comments
    (0)


    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.


    Continue
    reading "Greek Meatballs"


    Dec 10, 2006

    href="?p=4" rel=bookmark>Nut
    Muffins

    Posted by Elise
    href="comments.htm">Comments
    (2)


    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.


    Continue
    reading "Nut Muffins"


    Nov 10, 2006

    href="?p=5" rel=bookmark>Pound
    Cake

    Posted by Elise
    href="?p=5#comments">Comments
    (0)

    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!


    Continue
    reading "Pound Cake"


    Archives

  • href="?m=200701">January 2007
  • href="?m=200612">December 2006
  • href="?m=200611">November 2006
  • Meta

  • Login

  • href="RSS.xml">Entries title="Really Simple Syndication">RSS
  • href="RSS.xml">Comments
    RSS
  • title="Powered by Wordpress, state-of-the-art semantic personal publishing platform."
    href="#">WordPress.com

  • Blogroll

  • Alex
  • Donncha
  • Ryan
  • Dougal
  • Michel
  • Matt
  • Mike
  • Recent Posts

  • Greek Meatballs

  • Nut Muffins
  • Pound Cake
  • Recent Comments

  • Elise on href="#">Nut
    Muffins
  • Elise on href="#comment-2">Nut
    Muffins

  • Recipes Weblog is proudly powered by href=""
    target=_blank>SMQ


    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: 1px
    }
    .head_left {
    BACKGROUND: url(head_left.jpg) no-repeat left top; VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 1px
    }
    .head_right {
    BACKGROUND: url(head_right.jpg) no-repeat right top; VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 1px
    }
    .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: 1px; TEXT-ALIGN: left
    }
    .right1 {
    BACKGROUND: url(search_bg.gif) no-repeat right top; VERTICAL-ALIGN: top; WIDTH: 266px; HEIGHT: 1px; 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: #80a4; 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: #9295; LINE-HEIGHT: normal; PADDING-TOP: 3px
    }
    .head SPAN {
    FONT-SIZE: 0.81em; COLOR: #9295
    }
    .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
    }

    Copyright © 2019- axer.cn 版权所有 湘ICP备2023022495号-12

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务