经典全套DIV+CSS实例_css实例资源-CSDN文库

共238个文件

gif：180个

jpg：18个

htm：16个

DIV+CSS

3星 · 超过75%的资源需积分: 15 101 浏览量 2009-12-02 14:14:53 上传评论收藏 400KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

经典全套DIV+CSS实例（238个子文件）

001.css 12KB

style.css 10KB

style.css 5KB

default.css 5KB

style.css 4KB

1.css 4KB

style.css 4KB

default.css 3KB

default.css 2KB

screen.css 2KB

ad3.gif 20KB

ad1.gif 18KB

upbg.gif 9KB

bigimage.gif 9KB

ad.gif 8KB

ad2.gif 6KB

club.gif 6KB

logo.gif 5KB

question.gif 5KB

ad4.gif 5KB

exclamation.gif 4KB

pp.gif 4KB

newsguide.gif 4KB

lxxz.gif 4KB

bloght.gif 4KB

hwsh.gif 4KB

yxzl.gif 4KB

hotnews.gif 4KB

wytd.gif 4KB

ymzt.gif 4KB

kszd.gif 4KB

sqrm.gif 3KB

right02.gif 3KB

s_leftbg01.gif 3KB

questionmark.gif 3KB

topleft.gif 3KB

ad5.gif 3KB

jbtx.gif 3KB

hotbloger.gif 3KB

logo.gif 2KB

left02.gif 2KB

bgmain.gif 2KB

ad_right.gif 2KB

nav.gif 2KB

top.gif 2KB

somepicture.gif 2KB

onbt03.gif 2KB

onbt04.gif 2KB

onbt05.gif 2KB

onbt02.gif 2KB

s_music.gif 1KB

a1.gif 1KB

onbt01_2.gif 1KB

header.gif 1KB

btn1.gif 1KB

atmore.gif 1KB

bg.gif 1KB

btn2.gif 1KB

use_menu.gif 1KB

gen_menu.gif 1KB

image.gif 1023B

right03.gif 998B

left03.gif 998B

right03.gif 998B

left03.gif 998B

np23.gif 995B

arrow.gif 989B

top_bg.gif 885B

at_ico.gif 826B

bgdate.gif 824B

divider.gif 818B

button.gif 792B

big_bottom.gif 771B

big_top.gif 771B

right01.gif 753B

left01.gif 706B

copyrightbg.gif 700B

leftbox_top.gif 697B

np25.gif 696B

共 238 条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta name="author" content="Luka Cvrk (www.solucija.com)" /> <meta http-equiv="content-type" content="text/html;charset=iso-8859-2" /> <link rel="stylesheet" href="images/style.css" type="text/css" /> <title>Internet Center</title> </head> <body> <div class="content"> <div class="header"> <div class="top_info"> <div class="top_info_right"> <p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your messages.<br /> Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p> </div> <div class="top_info_left"> <p>Today is: <b>27th January, 2006</b><br /> Check todays <a href="#">hot topics</a> or <a href="#">new products</a></p> </div> </div> <div class="logo"> <h1><a href="#" title="Centralized Internet Content">Internet Center</a></h1> </div> </div> <div class="bar"> <ul> <li class="slogan">Centralized Internet Content</li> <li><a href="#" accesskey="i">Internet</a></li> <li class="active">People</li> <li><a href="#" accesskey="m">Music</a></li> <li><a href="#" accesskey="p">Pictures</a></li> <li><a href="#" accesskey="s">Services</a></li> <li><a href="#" accesskey="r">Products</a></li> </ul> </div> <div class="search_field"> <form method="post" action="?"> <p><input type="text" name="search" class="search" /> <input type="submit" value="Search" class="searchSubmit" /></p> </form> </div> <div class="subheader"> <p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p> </div> <div class="left"> <div class="left_articles"> <h2><a href="#">What's new?</a></h2> <p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p> <p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p> </div> <div class="left_links"> <div class="left_side"> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Arts</a></b><br /> <a href="#">Music</a>, <a href="#">Television</a>, <a href="#">Movies</a>...</p> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Computers</a></b><br /> <a href="#">Internet</a>, <a href="#">Software</a>, <a href="#">Hardware</a>...</p> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Shopping</a></b><br /> <a href="#">Autos</a>, <a href="#">Clothing</a>, <a href="#">Gifts</a>...</p> </div> <div class="right_side"> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Business</a></b><br /> <a href="#">Jobs</a>, <a href="#">Real Estate</a>, <a href="#">Investing</a>...</p> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Health</a></b><br /> <a href="#">Fitness</a>, <a href="#">Medicine</a>, <a href="#">Alternative</a>...</p> <p><b><img src="images/arrow.gif" alt=">" /><a class="title" href="#">Sports</a></b><br /> <a href="#">Baseball</a>, <a href="#">Basketball</a>, <a href="#">Soccer</a>...</p> </div> <p><b>Want to <a href="#">suggest a category</a>?</b></p> </div> <div class="left_message"> <p><b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <b>erat volutpat</b>. Ut wisi enim ad minim veniam, quis nostrud exerci.</p> </div> <div class="left_box"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p> </div> </div> <div class="right"> <div class="right_login"> <form method="post" action="?"> <p>Username: <input type="text" name="search" class="login" /> @email.com </p> <p>Password: <input type="password" name="search" class="login" /> <input type="submit" value="Login" class="searchSubmit" /></p> </form> </div> <div class="right_articles"> <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl ut aliquip ex</a>.</p> </div> <div class="right_articles"> <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl ut aliquip ex</a>.</p> </div> <div class="right_articles"> <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl ut aliquip ex</a>.</p> </div> </div> <div class="footer"> <p><a href="#">RSS Feed</a> | <a href="#">Contact</a> | <a href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br /> © Copyright 2006 Internet Center, Design: Luka Cvrk - <a href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p> </div> </div> </body> </html>

评论收藏

内容反馈