>웹 프론트엔드 >HTML 튜토리얼 >这问这种在li中可以点击的效果做出来?_html/css_WEB-ITnose

这问这种在li中可以点击的效果做出来?_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:12:411187검색




---意思就是说,我想做一个下拉菜单,当我的鼠标放在查看粉丝的右侧时,我并没有将鼠标产在文字上,但是已经起到了一个“a”标签的功能,当一点击时,就转到了另一个页面,这是如何实现的呢?


回复讨论(解决方案)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">ul,li{margin:0; padding:0; list-style:none; font-size:14px;}ul{width:180px; border:solid 1px #999999}a{ text-decoration:none; color:#333333; display:block; padding:5px}a:hover{background:#e8e8e8; }</style></head><body><ul>	<li><a href="http://www.baidu.com">超链接111111</a></li>	<li><a href="http://www.baidu.com">超链接111111</a></li>	<li><a href="http://www.baidu.com">超链接111111</a></li>	<li><a href="http://www.baidu.com">超链接111111</a></li>	<li><a href="http://www.baidu.com">超链接111111</a></li></ul></body></html>

HTML code

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


+++

引用 1 楼  的回复:

HTML code

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



太棒了,之前没有用过dispay这个标签,哈哈

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.