Shulou(Shulou.com)06/02 Report--

Editor to share with you how css sets the background picture for the frame, I believe most people don't know much about it, so share this article for your reference. I hope you can learn a lot after reading this article. Let's learn about it together.

In css, the border background image can be set with the "border-image-source" and "border-image-slice" attributes, and the syntax "element {border-image-source:url (image path); border-image-slice: numeric}".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

How to set a background picture for a frame by css

In css, to set the background image for the frame, you need to use the border-image-source property and the border-image-slice property.

Border-image-source is used to set the background image of the border, and the border-image-slice property is used to style the background image of the border.

Examples are as follows:

Div {width: 300px; height: 300px; margin: 100px; border: 10px solid # 000; border-image-source: url (1118.02.png); border-image-slice: 20 20 20;}

Output result:

The above is all the content of the article "how css sets the background picture for the frame". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.