Heim >Web-Frontend >HTML-Tutorial >这问这种在li中可以点击的效果做出来?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:12:411190Durchsuche




---意思就是说,我想做一个下拉菜单,当我的鼠标放在查看粉丝的右侧时,我并没有将鼠标产在文字上,但是已经起到了一个“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这个标签,哈哈

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn