html – 对角线穿过或

前端之家收集整理的这篇文章主要介绍了html – 对角线穿过或前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要从< div>的右上角绘制一条对角线。或< span>到左下角问题是内容有时会更长或更短。所以,像静态图像的东西不行。基本上我想要这里描述( How to create a diagonal line within a table cell?),但是对于< div>或< span>。

这有一些有趣的想法:http://jsfiddle.net/zw3Ve/11/

这样做:http://css-tricks.com/forums/discussion/13384/diagonal-line/p1

这是这个帖子的一个重试:How to strike through obliquely with css

我看起来似乎没有任何想法。看起来纯粹的CSS解决方案应该在这里工作,但是我根本就没有这样的技能。 jQuery也是我的选择。

解决方法

是第一个小提琴作为例子与在背景中的图像而不是不够好吗?

http://jsfiddle.net/zw3Ve/410/

.line {
    display:inline-block;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 10px;
    background:url(http://i.piccy.info/i7/c7a432fe0beb98a3a66f5b423b430423/1-5-1789/1066503/lol.png);
    background-size:100% 100%;
}
原文链接:https://www.f2er.com/html/232992.html

猜你在找的HTML相关文章