谷歌浏览器：对角线CSS直通

Question

我只是想知道这是否在某种程度上是一个css属性：

http://dl.dropbox.com/u/14645664/fhjfhgf.JPG

有人知道吗？

Answer 1

不，这绝对不是CSS。

但是，这并不意味着你不能用CSS做类似的事情。 从具有特定类的元素开始，例如“slashed”：

<span class="slashed">True?</span>

然后，CSS伪元素/选择器来救援！

.slashed:before {
    content:"╱";   
    display:block;
    color:red;
    font-size:2em;
    position:relative;
    left:1em;
    top:5px;
  }

请注意，CSS中使用的斜杠是“╱”，而不是“/”，因为它提供了更好的斜杠效果。 您可以通过更改top，left和font-size属性来明确调整它。 最终结果如下：

请注意，CSS :before在以下IE7以及其他（很多）旧浏览器中无法使用，因此您需要进行某种回退。

http://jsbin.com/ohuxig/edit#html,live

Answer 2

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid ;
  border-color: red;

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

Answer 3

不，这绝不是CSS属性。