用css创建倾斜的边框

时间:2016-01-22 16:45:39

标签: javascript jquery html css css3

我想创建一条带有斜边的线,如http://www.tiikoni.com/tis/view/?id=0ea293a(红线)

如何使用css-css3或js?

<div id="DIV_1">
    <img src="/uploads/2016/01/logo.jpg" width="250px" id="IMG_2" alt='' />
    <nav id="NAV_3">

        <button id="BUTTON_4">
            Primary Menu
        </button>
        <div id="DIV_5">
            <ul id="UL_6">
                <li id="LI_7">
                    <a href="/lcvb/" id="A_8">Home</a>
                </li>
                <li id="LI_9">
                    <a href="#" id="A_10">about</a>
                </li>
                <li id="LI_11">
                    <a href="#" id="A_12">location</a>
                </li>
                <li id="LI_13">
                    <a href="#" id="A_14">service & quality</a>
                </li>
                <li id="LI_15">
                    <a href="#" id="A_16">Contact</a>
                </li>
            </ul>
        </div>
    </nav>
</div>

1 个答案:

答案 0 :(得分:1)

最简单的方法是在徽标上使用:: after。然后安排旋转和定位,以及红色边框。也很容易“不显示”#39;它一旦你得到响应...应该做的伎俩。当然,这取决于您所需的浏览器支持