My imagination are strong enough for me to hold on.
Hello 2017

#Tutorial : Border style as image frame
Wednesday 16 December 2015 @ 01:52



These border style is not only for border
It also can use as image frame
But only three of the border style appear perfectly as image frame


Here is the code

Colour - Image Url(http://data.whicdn.com/images/212953422/large.jpg)
Colour - Image Size(150)
Colour - Border Radius(100)
Colour - Distance between border and image(3)
Colour - Thickness of Border(2)
Colour - Colour between border and image(#fff)
Colour - Border colour(#000)

You can change all of these code

Dreamer Advice - Border radius maximum 100, it will show in a round shape, minimum 0, it will show in a square shape if image size is 150,the radius depends on image size.

<img src="http://data.whicdn.com/images/212953422/large.jpg" style="height:150px;width:150px;background:#fff;border:2px dashed #000;border-radius:100px;padding:3px;">


<img src="http://data.whicdn.com/images/212953422/large.jpg" style="height:150px;width:150px;background:#fff;border:2px dotted #000;border-radius:100px;padding:3px;">


<img src="http://data.whicdn.com/images/212953422/large.jpg" style="height:150px;width:150px;background:#fff;border:2px solid #000;border-radius:100px;padding:3px;">





Mission Complete!!!

Labels: