Home >Web Front-end >HTML Tutorial >How can I make this clickable effect in li? _html/css_WEB-ITnose

How can I make this clickable effect in li? _html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:12:411268browse




--- Meaning, I want to make a drop-down menu. When my mouse is placed on the right side of viewing fans, I do not place the mouse on the text, but It already functions as an "a" tag. When clicked, it goes to another page. How is this achieved?


Reply to discussion (solution)

<!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




Quote from the 1st floor's reply:

HTML code





Great, I’ve never used the dispay tag before, haha

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn