中间显示

<style type="text/css">

* {

margin: 0px;

padding: 0px;

}

 

.common {

width: 150px;

height: 100%;

line-height: 53px;

background-color: gray;

display:inline-block;

margin-right: 10px;

border-radius: 5px;

background-image:

url("${pageContext.request.contextPath}/image/left.png");

background-repeat: no-repeat;

background-position: center;

text-align: center;

}

 

.common:HOVER {

background: #ffe900

url("${pageContext.request.contextPath}/image/left.png") no-repeat

120px center;

transition: all .30s ease-in-out;

cursor: pointer;

}

</style>

 

<div style="width:100%;height: 53px;line-height: 53px;margin-top: 20px;" align="center">

<div class="common">xsaxasxdscdscsd</div>

<div class="common">xsaxasxdscdscsd</div>

<div class="common">xsaxasxdscdscsd</div>

</div>