Rumah >hujung hadapan web >html tutorial >css3 border-image_html/css_WEB-ITnose

css3 border-image_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-21 09:15:311068semak imbas


这是一个截图,我想做做种样式的div.

最终效果

下面开始:

首先打开windows 画图板,手绘一个图形bg.jpg,歪歪扭扭就ok了:


     <style type="text/css">    div {        -moz-border-image: url(border.png) 30 30 stretch;        /* Old Firefox */                -webkit-border-image: url(bg.jpg) 10 10 stretch;        /* Safari and Chrome */                -o-border-image: url(bg.png) 20 30 stretch;        /* Opera */                border-image: url(bg.jpg) 10 10 stretch;    }    </style>
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn