Question

我想创建一条带有斜边的线，如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>

Answer 1

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

用css创建倾斜的边框

1 个答案: