zoukankan      html  css  js  c++  java
  • 图片横向显示

    前台代码

    <div id="link_button">
                        <ul>
                            <li><a href="#" title="1" id="yjbncs">
                                <img src="../../../../image/preventive/btn1.gif" title="1" alt="1" class="btnli_img" />1</a></li>
                            <li><a href="#" title="2" id="zyzdw">
                                <img src="../../../../image/preventive/btn2.gif" title="2" alt="2" class="btnli_img" />2</a></li>
                            <li><a href="#" title="3" id="dzjya">
                                <img src="../../../../image/preventive/btn3.gif" title="3" alt="3" class="btnli_img" />3</a></li>
                            <li><a href="#" title=" 4" id="zsxc">
                                <img src="../../../../image/preventive/btn4.gif" title="4" alt="4"
                                    class="btnli_img" />4</a></li>
                            <li><a href="#" title=" 5" id="kpzs">
                                <img src="../../../../image/preventive/btn5.gif" title="5" alt="5" class="btnli_img" />5</a></li>
                            <li><a href="#" title=" 6" id="sfdw">
                                <img src="../../../../image/preventive/btn6.gif" title="6" alt="6" class="btnli_img" />6</a></li>
                        </ul>
                        <div class="clear">
                        </div>
                    </div>

    css代码

     #link_button
            {
                400px;
                margin: 0;
                font-size: 12px;
            }
            #link_button ul
            {
                float: left;
                margin: 0;
                padding: 5px 0 0 30px;
            }
            #link_button ul li
            {
                float: left;
                list-style: none;
                cursor: pointer;
                73px;
                text-align: center;
                padding: 20px 20px 20px 20px;
                line-height: 15px;
                height: 40px;
            }
            #link_button ul li a
            {
                border: 0;
                padding: 10px 0px 0px 5px;
            }
            .btnli_img
            {
                border: 0px;
            }
            a
            {
                color: #000; /*text-decoration: underline; */
                text-decoration: none;
            }
            a:hover
            {
                text-decoration: underline;
            }
            a:active
            {
                text-decoration: none;
            }

  • 相关阅读:
    2019年8月16日_实验室学术论文研讨
    2019年8月2日实验室学术研讨会议
    2019年7月26日实验室学术研讨会议
    2019年7月12日实验室开展学术研讨
    hdu 5547
    hdu 1286
    hdu 1272
    hdu 1213
    poj 2533 LIS(最长上升序列)
    HUD 5773 LIS(最长上升序列)
  • 原文地址:https://www.cnblogs.com/wang-123/p/3291289.html
Copyright © 2011-2022 走看看