看到有网友说Sina重新开放了CSS功能,测试一下

时间: 2006-05-23 / 分类: 身边故事 / 浏览次数: 600 views / 2个评论 发表评论

         

实例:

波纹线静态下划线,  鼠标停留时出现的波纹线

花朵静态下划线,  鼠标停留时出现的花朵下划线

  

 

代码:


  
<style
type=text/css>


  
a#example1a {
  
  text-decoration:
none;
  
  background:
url(
http://static4.photo.sina.com.cn/orignal/4696f46bfb82cb42bf043) repeat-x 100% 100%;
    white-space:
nowrap;
  
  padding-bottom:
2px;
    }


  
a#example1b {
  
  text-decoration:
none;
  
  white-space:
nowrap;
  
  padding-bottom:
2px;
    }


  
a#example1b:hover
{
  
  background:
url(
http://static4.photo.sina.com.cn/orignal/4696f46bfb82cb42bf043) repeat-x 100% 100%;
    }


  
a#example2a {
  
  text-decoration:
none;
  
  background:
url(
http://static8.photo.sina.com.cn/orignal/4696f46bde61bca54a647) repeat-x 100% 100%;
    white-space:
nowrap;
  
  padding-bottom:
10px;
    }


  
a#example2b {
  
  text-decoration:
none;
  
  white-space:
nowrap;
  
  padding-bottom:
10px;
    }


  
a#example2b:hover
{
  
  background:
url(
http://static8.photo.sina.com.cn/orignal/4696f46bde61bca54a647) repeat-x 100% 100%;
    }


  
-->
  </style> 

  

<P>
实例:
</P>
<P><A id=example1a href=#
name=example1a>
波纹线静态下划线</A>,  <A id=example1b href=#
name=example1b>
鼠标停留时出现的波纹线</A>
</P>
<P><A id=example2a href=#
name=example2a>
花朵静态下划线</A>,  <A id=example2b href=#
name=example2b>
鼠标停留时出现的花朵下划线</A>
</P>
<DIV></DIV>

分享 |

2个评论

  1. 漢文溪
    2009/12/08 08:05:33

    學習下 记录我的足迹 哈

    [回复]

    Louis Han 回复:

    @漢文溪, 这么老的文章被你翻出来了

    [回复]

发表评论

您的昵称 *

您的邮箱 *

您的网站