css-提示消息

weixin_33712881

于 2011-08-08 22:50:00 发布

阅读量91

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lianzi/archive/2011/08/08/2131424.html

本文通过实例展示了如何使用CSS层叠样式表（Cascading Style Sheets）来实现网页元素的样式调整，包括使用特定类名a.tip进行样式定义，并通过:hover伪类和自定义popbox元素实现鼠标悬停效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <a href="#" class="tip">CSS<span class="popbox">Cascading sytle sheets 层叠样式表</span></a>

a.tip{
    color:red;
    text-decoration:none;
    position:relative;
}
a.tip span{display:none};
a.tip:hover{cursor:hand;}
a.tip:hover .popbox {
    display:block;
    position:absolute;
    top:15px;
    left:-30px;
    width:100px;
    background-color:#424242;
    color:#fff;
    padding:10px;
}