登录名:  密码:  验证码: 5728
设为首页 收藏本站 联系站长
2009年1月7日
农历戊子年(鼠)
腊月十二
 首页 | 最新上传 | 新闻 | 购物商场 | 招聘求职 | HTML学习 | java学习 | IT新闻 | 黑客技术 | 域名和空间 | 流量统计 | 故事小说
 GIF动画制作 | 图片素材 | 源码下载 | 书籍下载 | 视频资料 | ASP | 数据库 | PHP | 基本电脑知识 | 迅雷资源 | 兼职 | 组网工程
 英语学习 | FLASH专区 | ASP.NET | VB | 综合资源网 | 驱动下载 | 游戏下载 | 网站模板网页美工 | 韩文学习 | 论坛
 特别推荐:产品报价  漂亮网站网址  图片素材
  我要查找:  
欢迎您来这里。每天学一点,每天进步一点!
Google
 当前位置:首页 >> HTML学习  >> HTML学习
巧用样式表
来源:  发表日期:2008年1月22日 作者: 

 编辑:admin 级别: 司令 浏览次数:119
】    

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
#top {
 background-color: #0099CC;
 height: 70px;
 width: 100%;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #999999;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}
#left {
 background-color: #CCCCCC;
 margin-right: 80%;
 padding: 10px;
}
#main {
 background-color: #FFFFCC;
 float: right;
 width: 78%;
 padding: 10px;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 }
#sss ul a:link, #sss ul a:visited {display: block;}

#sss ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sss li {
 border-bottom: 1px solid #666666;
 line-height: 2;
}

/* fix for browsers that don't need the hack */
html>body #sss li {border-bottom: none;}

#sss{
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 background-color: #CCCCCC;
}
#sss a:link{
 padding: 2px 0px 2px 10px;
 width: 100%;
 width: auto;
 text-decoration: none;
 color: #000000;
}

#sss a:visited{
 padding: 2px 0px 2px 10px;
 text-decoration: none;
 color: #000000;
}

#sss a:hover{
 background-color: #F0F0F0;
 padding: 2px 0px 2px 10px;
 text-decoration: none;
 color: #FF0000;
}
-->
</style></head>

<body>
<div id="top">此处显示 class "top" 的内容</div>
<div id="main">此处显示 class "main" 的内容</div>
<div id="left">
   <div id="sss">
   <ul>
      <li><a href="#">***链接***</a></li>
      <li><a href="#">***链接***</a></li>
      <li><a href="#">***链接***</a></li>
      <li><a href="#">***链接***</a></li>
      <li><a href="#">***链接***</a></li>
      <li><a href="#">***链接***</a></li>
    </ul>
 </div>
</div>
</body>
</html>

(编辑:网站学习网)
Google
 ·上一篇文章: IDC产业将掀起绿色革命的潮流
 ·下一篇文章: 08互联网市场前景广阔 新春促销预
 该篇文章的评论
 暂无相关评论
 姓名:  邮箱:
 内容:
                
 相关文章
 · 新手入门级HTML教程
 · html学习-布啦布啦网
 · 新手入门级HTML教程
 · html学习-乐趣网
 · HTML 语言教程:目录
 · 推荐一个不错的输入框点
 · HTML 语言教程
 · HTML教程
 · Html教程-yesky
 · HTML教程-无忧网
 · HTML和CSS基础教程
 最新上传文章
 · 建立企业信息化 &n
 · 80后IT四少:媒体塑造了我
 · 我国企业电子商务交易总
 · asp连接带有密码的acces
 · 互联网应用广泛 电
 · Adobe Illustrator
 · delphi程序打包安装制作
 · 企业邮件管理有新招&nbs
 · toolbar图标:ToolBar上的
 · 怎么在delphi中的按钮中
 · 实用技巧:重现被误删消失

服务说明 | 关于网站 | 联系我们 | 友情链接
网站学习网欢迎您!
http://www.studywebgood.com
浙ICP备07030755号 
联系邮箱:shuizhilang@126.com 如本网站侵犯了您的版权,请马上通知我.