如何删除周围的所有空白或编辑它？我是说如何让空白变得不那么厚？____________________________________________________________________________________________________________________________________________________________________________________________________________________________/P>

顺晟科技：

您能试一下吗:

  *,
    *:after,
    *:before {
      padding: 0;
      margin: 0;
      font-family: Arial;
    }


    ul {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      list-style: none;
      width: 955px;
      height: 450px;
      border-radius: 3px;
      overflow: hidden;
      box-shadow: 1px 1px 3px 1px;
      
      
    }

    li {
      position: relative;
      width: 190px;
      height: 450px;
      float: left;
      border-left: 1px solid white;
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      transition: all 0.7s;
      box-shadow: -2px 0 10px 2px;
      border-color: rgb(0, 0, 0);
    }

    ul li:first-child {
      border: none;
    }

    span {
      display: block;
      position: absolute;
      bottom: 0;
      width: 50%;
      color: white;
      white-space: nowrap;
      padding: 20px;
      background: -moz-linear-gradient(
        left,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0) 100%
      ); /* FF3.6+ */
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0%, rgba(0, 0, 0, 0.65)),
        color-stop(100%, rgba(0, 0, 0, 0))
      ); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(
        left,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0) 100%
      ); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(
        left,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0) 100%
      ); /* Opera 11.10+ */
      background: -ms-linear-gradient(
        left,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0) 100%
      ); /* IE10+ */
      background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0) 100%
      ); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    }

    img {
      width: 800px;
      height: 450px;
    }

    ul:hover li {
      width: 50px;
      cursor: pointer;
      
    }

    ul li:hover {
      width: 750px;
    }