How to Create Image Border using CSS

How to Create Image Border using CSS

In this article, we will explain How to Create Image Border using CSS.because sometimes we need a border with an image.

Example:-

<html>
<head>
<title>Image Border using CSS</title>
<style> 
#borderimg { 
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 30 round;
}
</style>
</head>
<body>
<h1>border-image </h1>
<p>Here, the middle sections of the image are repeated to create the border:</p>
<p id="borderimg">border-image: url(border.png) 30 round;</p>
<p><strong>Note:</strong> Use small size image only.</p>
</body>
</html>

Leave A Reply