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;
            }

  • 相关阅读:
    树莓派 官方800万摄像头 参数
    51单片机 小车 L298N pwm调速 串口控制 按键控制
    51单片机 HC05蓝牙模块
    python 类属性和实例属性、方法 访问权限问题
    python 通过setup.py安装和卸载python软件包
    win10家庭版安装
    python 测试用例
    python 异常类型
    抽象工厂模式
    (转)UML类图与类的关系详解
  • 原文地址:https://www.cnblogs.com/wang-123/p/3291289.html
Copyright © 2011-2022 走看看