zoukankan      html  css  js  c++  java
  • div css

      BLOGS:DIV+CSS  new

    CODE:

     

    <!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">
      <head>  
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <title>Test ddd Html</title>
     <style type="text/css">
    body {background: #222;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    margin: 0;padding: 0;}
    a:focus {outline: none;}
    ul.sidenav {font-size: 1.2em;float: left;
    200px;margin: 0;padding: 0;
    list-style: none;background: #005094;
    border-bottom: 1px solid #3373a9;
    border-top: 1px solid #003867;}
    ul.sidenav li a{display: block;color: #fff;
    text-decoration: none; 155px;
    padding: 10px 10px 10px 35px;
    background: url(sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #3373a9;
    border-bottom: 1px solid #003867;}
    ul.sidenav li a:hover {
    background: #003867 url(sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #1a4c76;}
    ul.sidenav li span{ display: none; }
    ul.sidenav li a:hover span {display: block;
    font-size: 0.8em;padding: 10px 0;}
    </style>
    </style>
      </head>
      <body> 
      <ul class="sidenav">
    <li>
     <a href="http://www.865171.cn">www.865171.cn
    <span>免费模板网,提供免费DIV+CSS模板、后台模板、
    DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、
    CSS菜单、CSS图表等。</span>
    </a>
    </li>
    <li>
    <a href="http://www.865171.cn">css-tempaltes
    <span>免费模板网,提供免费DIV+CSS模板、后台模板、
    DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、
    CSS菜单、CSS图表等。</span>
    </a>
    </li>
    <li>
    <a href="http://www.865171.cn">admin-templates
    <span>免费模板网,提供免费DIV+CSS模板、后台模板、
    DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、
    CSS菜单、CSS图表等。</span>
    </a>
    </li>
    </ul>
      </body>
    </html>

    <!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">  <head>       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <title>Test ddd Html</title> <style type="text/css">body {background: #222;font: 10px Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;}a:focus {outline: none;}ul.sidenav {font-size: 1.2em;float: left; 200px;margin: 0;padding: 0;list-style: none;background: #005094;border-bottom: 1px solid #3373a9;border-top: 1px solid #003867;}ul.sidenav li a{display: block;color: #fff;text-decoration: none; 155px;padding: 10px 10px 10px 35px;background: url(sidenav_a.gif) no-repeat 5px 7px;border-top: 1px solid #3373a9;border-bottom: 1px solid #003867;}ul.sidenav li a:hover {background: #003867 url(sidenav_a.gif) no-repeat 5px 7px;border-top: 1px solid #1a4c76;}ul.sidenav li span{display: none; }ul.sidenav li a:hover span {display: block;font-size: 0.8em;padding: 10px 0;}</style></style>  </head>  <body>   <ul class="sidenav"><li><a href="http://www.865171.cn">www.865171.cn<span>免费模板网,提供免费DIV+CSS模板、后台模板、DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、CSS菜单、CSS图表等。</span></a></li><li><a href="http://www.865171.cn">css-tempaltes<span>免费模板网,提供免费DIV+CSS模板、后台模板、DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、CSS菜单、CSS图表等。</span></a></li><li><a href="http://www.865171.cn">admin-templates<span>免费模板网,提供免费DIV+CSS模板、后台模板、DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、CSS菜单、CSS图表等。</span></a></li></ul>  </body></html>

    pic:

    <!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">  <head>       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <title>Test ddd Html</title><style type="text/css">body {background: #222;font: 10px Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;}a:focus {outline: none;}ul.sidenav {font-size: 1.2em;float: left; 200px;margin: 0;padding: 0;list-style: none;background: #005094;border-bottom: 1px solid #3373a9;border-top: 1px solid #003867;}ul.sidenav li a{display: block;color: #fff;text-decoration: none; 155px;padding: 10px 10px 10px 35px;background: url(sidenav_a.gif) no-repeat 5px 7px;border-top: 1px solid #3373a9;border-bottom: 1px solid #003867;}ul.sidenav li a:hover {background: #003867 url(sidenav_a.gif) no-repeat 5px 7px;border-top: 1px solid #1a4c76;}ul.sidenav li span{display: none; }ul.sidenav li a:hover span {display: block;font-size: 0.8em;padding: 10px 0;}</style></style>  </head>  <body>   <ul class="sidenav"><li><a href="http://www.865171.cn">www.865171.cn<span>免费模板网,提供免费DIV+CSS模板、后台模板、DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、CSS菜单、CSS图表等。</span></a></li><li><a href="http://www.865171.cn">css-tempaltes<span>免费模板网,提供免费DIV+CSS模板、后台模板、DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、CSS菜单、CSS图表等。</span></a></li><li><a href="http://www.865171.cn">admin-templates<span>免费模板网,提供免费DIV+CSS模板、后台模板、DIV+CSS布局网页模板下载,图片图标下载,以及CSS代码、CSS菜单、CSS图表等。</span></a></li></ul>  </body></html>

  • 相关阅读:
    java算法--循环队列
    java算法--普通队列
    java算法--稀疏数组
    HelloWorld
    css
    自定义事件并且主动触发
    数组字符串操作
    进阶路上有你我-相互相持篇之ES6里箭头函数里的this指向问题
    关于一道面试题
    异步函数回调
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/1685355.html
Copyright © 2011-2022 走看看