首頁 > web前端 > html教學 > css3 border-image_html/css_WEB-ITnose

css3 border-image_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-06-21 09:15:31
原創
1123 人瀏覽過


这是一个截图,我想做做种样式的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>
登入後複製
相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
android - image 設定border-radius
來自於 1970-01-01 08:00:00
0
0
0
建立擁有邊框半徑的漸變邊框
來自於 1970-01-01 08:00:00
0
0
0
邊框漸層與border-radius是否相容?
來自於 1970-01-01 08:00:00
0
0
0
CSS徑向漸層到SVG徑向漸變
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板