Zeichnen Sie diagonale Linien im div-Hintergrund mit CSS

Question

Aug 02, 2013, 10:41 AM

lines css background diagonal css-shapes

Zeichnen Sie diagonale Linien im div-Hintergrund mit CSS

Ich habe div für die Vorschau-Box

HTML:

<div class="preview-content">PREVIEW</div>

CSS:

.preview-content {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat;
    width: 100%;
    min-height: 300px;
    max-height: 300px;
    line-height: 300px;
    text-align: center;
    vertical-align: middle;
     font-size: 2em;
}

F: Wie man diagonale Linien zum Div-Hintergrund wie im Bild hinzufügt

hinweis: mit CSS nur wenn möglich

Danke im Voraus