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...
  • Interesting facts about India | Aware Talk
    1. Shampooing is an Indian concept Shampoo was invented in India, not the commercial liquid ones but the method by use of herbs. ...

About Me

Deepak Chaudhary
View my complete profile

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