直接使用代码

图片素材

无

css代码

 <style>
.home-about{  padding:30px 0}
#index_news h3{border-left:5px solid #06c; color:#06c; padding-left:10px; margin-bottom:10px;}
#index_news h3 a.more{ font-size:15px; display:block; float:right;}
#index_news ul{ margin-top:20px;}
#index_news li{ line-height:50px;  margin:5px 0;}
#index_news li a{ color:#333;border:1px solid #efefef; display:block; padding-left:15px; }
#index_news li a:hover { color:#06c;border-color:#09C}
</style>

HTML+JS代码

 <div class="about home-about">
  <div class="container">

    <div class="row" id="index_news">
      <div class="col-md-6">
        <!-- Heading and para -->
        <div class="block-heading-two">
          <h3>磷脂应用<a href="http://www.bootfastui.cn" class="more">更多></a></h3>
        </div>

        <div class="panel-group" id="accordion-alt3">

          <ul>

            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;世界上最美丽的23个公式</a></li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;给你2个老婆，你选哪个？难倒了很多人</a></li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;在饲料工业中的作用</a></li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;磷脂安全说明</a></li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;关于巧克力在使用中出现的问题详解</a></li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;人体三大营养素</a></li>
          </ul>
        </div>


      </div>

      <div class="col-md-6">
        <!-- Heading and para -->
        <div class="block-heading-two">
          <h3>行业标准<a href="http://www.bootfastui.cn" class="more">更多></a></h3>
        </div>

        <div class="panel-group" id="accordion-alt3">

          <ul>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;卵磷脂中磷脂含量的测定GB/T 35867-2018</a>
            </li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;大豆及制品中磷脂组分和含量的测定NY/T 2004-2011</a>
            </li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;进出口磷脂乙醚不容物检测方法 SN/T
                0802.1-1999</a></li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;出口食品中磷脂的测定 SN/T 3851-2014</a></li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;进出口磷脂丙酮不容物检验方法SN/T 0802.2-1999</a>
            </li>
            <li><a href="http://www.bootfastui.cn">&gt; &nbsp;食品添加剂铵磷脂 GB/T 1886.83-2016</a>
            </li>
          </ul>

        </div>


      </div>

      <br>

    </div>
    <!--row end-->
  </div>
</div>