首页 > html > border > Page Widget - 如何将底部边框线上的背景图像对齐

Page Widget - 如何将底部边框线上的背景图像对齐

border 【border】
我们想知道如何将底部边框线上的背景图像对齐。
代码展示 运行结果 

<html>
<head>
<style>
.divider {
  border-bottom: 1px solid #c3c3c3;
  clear: both;
  display: block;
  /*margin-bottom: 20px;
    padding-top: 20px;*/
  width: 100%;
}

.sidearrow {
  background: url(http://www.w3cschool.cn/style/download.png) 50%
    14px no-repeat;
  width: 100%;
  height: 25px;
}
</style>
</head>
<body>
<p>Here is some content above</p>
<div class="sidearrow"></div>
<div class="divider"></div>
<p>Here is some content below</p>
</body>
</html>