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

  • 相关阅读:
    用Python完成一个汇率转换器
    鸿蒙如何用JS开发智能手表App
    鸿蒙如何用JS开发智能手表App
    SAP Spartacus SplitViewComponent Migration 的一个具体例子
    SAP Spartacus B2B 页面 Popover Component 的条件显示逻辑
    SAP Spartacus 升级时关于 schematics 的更新
    SAP Spartacus B2B 页面 Disable 按钮的显示原理
    SAP Spartacus B2B 页面 Disable Confirmation 对话框的显示原理
    通过 Feature Level 动态控制 SAP Spartacus 的页面显示
    SAP Commerce Cloud Build Manifest Components
  • 原文地址:https://www.cnblogs.com/wang-123/p/3291289.html
Copyright © 2011-2022 走看看