好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS如何实现自定义链接提示_html/css_WEB-ITnose

CSS如何实现自定义链接提示:

在默认状态下可以使用标签的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的详细内容...

  阅读:34次