Home >Web Front-end >HTML Tutorial >How to set
How to set
and in css to meet your requirements_html/css_WEB-ITnose
First: How to center the four words "User Management" up and down?
Second: When the mouse is placed on it, how can the green completely cover the red?
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>leftwindow</title><style type="text/css"> #baseInfoManager{ width:180px; height:200px;}#baseInfoManager p{ height:50px; text-indent:20px; background:#ff0000; }#baseInfoManager p a{ display:block; height:50px; width:180px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}#baseInfoManager p a:hover{ width:180px; height:30px; color:#000; text-decoration:none; background:#00ff00;}</style></head><body > <div id="baseInfoManager"> <p id="btn"><a href="#">用户管理</a></p> </div></body></html>
Reply to discussion (solution)
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>leftwindow</title><style type="text/css"> #baseInfoManager{ width:180px; height:200px;}#baseInfoManager p{ height:50px; text-indent:20px; background:#ff0000; }#baseInfoManager p a{ display:block; height:100%; width:100%; text-decoration:none; line-height:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}#baseInfoManager p a:hover{ height:100%; width:100%; color:#000; text-decoration:none; background:#00ff00;}</style></head><body > <div id="baseInfoManager"> <p id="btn"><a href="#">用户管理</a></p> </div> </body></html> Tested it, but it still doesn’t work;
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>leftwindow</title><style type="text/css"> #baseInfoManager{ width:180px; height:200px;}#baseInfoManager p{ height:50px; text-indent:20px; background:#ff0000; }#baseInfoManager p a{ display:block; height:100%; width:100%; text-decoration:none; line-height:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}#baseInfoManager p a:hover{ height:100%; width:100%; color:#000; text-decoration:none; background:#00ff00;}</style></head><body > <div id="baseInfoManager"> <p id="btn"><a href="#">用户管理</a></p> </div> </body></html> Okay, thank you!
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