• 图片横向显示


    前台代码

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

  • 相关阅读:
    .NET Core自定义TagHelper和使用Serilog
    .NET Core CSRF
    jq 获取表单全部数据
    Webuploader 简单图片上传 支持多图上传
    CF-1451 E Bitwise Queries 异或 交互题
    CF-1440C2 Binary Table (Hard Version) (构造,模拟)
    CF-1445 C
    ACM模板_axiomofchoice_extra
    Codeforces Round #678 (Div. 2) 题解 (A-E)
    Oracle数据同步
  • 原文地址:https://www.cnblogs.com/wang-123/p/3291289.html
Copyright © 2020-2023  润新知