.button a:link {

    text-decoration : none;

    color : white;

}

.button a:hover {

    text-decoration: none;

    color : white;

    font-weight : bold;

    background : blue;

}

.button a:visited {(来源 www.iocblog.net)

    text-decoration : none;

    color : #bbbbbb;

    background : #333333;

}

 

下面的代码显示了在网页上使用css控件的简单操作。所有需要做的就只是将合适的类的属性添加到模块标签中去（例如分段或者是段落），而这个标签包含一个简单的超链接。在这种情况下，结果将是三个矩形控件：home，gallery和about us。

    <div class="button"><a href="default.htm">home</a></div>

    <div class="button"><a href="gallery.htm">gallery</a></div>

    <div class="button"><a href="about_us.htm">about us</a></div>

在文本超链接中使用css格式创建控件是既快而且高效的，并且结果对于大多用户都足够满足需要。这个技术的优势对于基于图标的控件开发可以创造出一个新的标准。

 

上一页 [1] [2]

文章整理：iocblog
版权申明：本站文章均来自网络，如有侵权，请联系我们，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。