C# Jadu
  • Home
  • Asp.net
  • Web Design
    • Html
    • Css
    • Java Script
  • Bootstrap
  • Sql
    • Queries
    • Stored Procedures
  • About Me
    • About Myself
    • My Projects
    • My CV
  • Gallery
  • Do you Know?

Wednesday, 2 November 2016

Border Images

 Deepak Chaudhary     06:22     Css, Html     No comments   



Hi Friends...

This is an easy tutorial suitable for those fairly new to CSS. This tutorial will teach you how to create a simple  Div border effect with Image.




Your Code is as under

 <!DOCTYPE html>
<style>
#para{
 text-align:center;
 padding:20px;
 width:340px;
 margin: 0 auto;

 /* Set the border and border image properties */
 border:30px solid transparent;
 border-image:url(http://demo.tutorialzine.com/2013/10/css3-features-you-can-finally-use/assets/img/border.png) 30 30 round;
}

</style>

<br />
<div id="para">
Hello C# Jadu</div>
</div>

</html> 

Hello C# Jadu
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
Email ThisBlogThis!Share to XShare to Facebook
Newer Post Older Post Home

0 comments:

Post a Comment

Most Popular posts

  • How To Create Image wipe Effect With CSS3 Webkit Animation
    Hi Friends... In this article we learn how to create a Image wipe effect with CSS3. CSS transition and animations provide a way for web de...
  • CSS 3D Cube
    Hi Friends... CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a lang...
  • CSS 3D Transforms
    Hi Friends... There is nothing more flashy and full with eye-candy than an impressive 3D CSS demo. Although its utility outside of demos ...

About Me

Deepak Chaudhary
View my complete profile

Copyright © C# Jadu | Powered by Blogger
Design by Deepak Chaudhary