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

  • 相关阅读:
    php记录代码执行时间
    java中针对同一变量的不同函数的互斥操作
    Linux下mysql新建账号及权限设置
    Linux下重启apache
    Mysql数据导入
    ubuntu安装phpcurl与phptidy扩展
    Linux服务器间文件传输
    Flash本地传递大数据,图片数据,localconnection 超出大小,超出限制 bitmapdata 拂晓风起
    [Java][JavaScript]字符串数组与字符串之间的互转(join/split)(转) 拂晓风起
    java poi读取excel公式,返回计算值(转) 拂晓风起
  • 原文地址:https://www.cnblogs.com/wang-123/p/3291289.html
Copyright © 2011-2022 走看看