How to set <p> and <a> in css to meet your requirements_html/css

How to set

and in css to meet your requirements_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:51:10

Original

1174 people have browsed it

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>

Copy after login

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>

Copy after login

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>

Copy after login

Okay, thank you!