Heim >Web-Frontend >HTML-Tutorial >css3 border-image_html/css_WEB-ITnose
css3 border-image_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:15:311074Durchsuche
这是一个截图，我想做做种样式的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> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：CSS3伪元素之Before/After_html/css_WEB-ITnoseNächster Artikel：css效果：怎么把spot的元素放置在网页的右边空白区域_html/css_WEB-ITnose