在默认状态下可以使用标签的title属性实现链接提示效果。例如:
蚂蚁部落 蚂蚁部落
虽然上面的代码能够实现链接提示效果,但是往往并不能够满足实际需求,可能需要自定义更为美观或者与页面相搭配的链接提示效果。
代码实例如下:
蚂蚁部落 ul { list-style: none; font-size: 14px;}li { width: 100px; height: 30px; line-height: 30px; float: left; text-align: center; position: relative; border: 1px solid red;}span { display: none;}a:link, a:visited { text-decoration: none;}a:hover .tishi { display: block; width: 100px; height: 30px; background-color: #6C9; line-height: 30px; text-align: center; position: absolute; left: 80px; top: 40px; color: #FFFFFF;} DIV+CSS DIV+CSS jQuery jQuery JS JS HTML HTML
查看更多关于CSS如何实现自定义链接提示_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did109005