Rumah >hujung hadapan web >html tutorial >css如何设置<p>和<a>才能达到自己要求_html/css_WEB-ITnose
css如何设置<p>和<a>才能达到自己要求_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:51:101188semak imbas
第一：如何让“用户管理”这四个字上下居中？
第二：当鼠标放上去时，绿色怎么才能完全覆盖掉红色？
<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> 好了，谢谢！
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：烂泥：apache密码生成工具htpasswd的应用_html/css_WEB-ITnoseArtikel seterusnya：CSS3详解：transform_html/css_WEB-ITnose