Maison > Article > interface Web > css如何设置<p>和<a>才能达到自己要求_html/css_WEB-ITnose
css如何设置<p>和<a>才能达到自己要求_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:51:101170parcourir
第一：如何让“用户管理”这四个字上下居中？
第二：当鼠标放上去时，绿色怎么才能完全覆盖掉红色？
<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>
回复讨论(解决方案)
<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> 测试了一下，还是不行；
<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> 好了，谢谢！
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：烂泥：apache密码生成工具htpasswd的应用_html/css_WEB-ITnoseArticle suivant：CSS3详解：transform_html/css_WEB-ITnose