Home > Article > Web Front-end > 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
- WBOYOriginal
- 2016-06-24 12:12:411157browse
--- 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
82e4865872727f41d1edae4f463247d6
ecb93ccdb3b1dde877fd54139889a35d
93f0f5c25f18dab9d176bd4f6de5d30e
d22c5312914539ab12908ae094ccea37
68ccb177a5de0ef9542dde7d35bae727
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