HTML模拟电池页面,Html 电池图标

效果截图：css

Html页：html

电池图标

web

css样式：测试

body {

text-align: center

}spa

.batteryIcon {

margin: 200px auto;

width: 90px;

}xml

span {

display: block;

}htm

.batteryIconBody {

position: relative;

width: 80px;

height: 30px;

border: 6px solid #333;

border-radius: 2px;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

}blog

.batteryIconHead {

position: relative;

height: 15px;

width: 8px;

background: #333;

display: block;

position: absolute;

top: 8px;

left: 82px;