A Quick guide: Borders around an image

So I'm too damn lazy to code this yay.

First of all, you need your image. So if I'm just going to use one of my edits because I don't want to get into any kind of legal trouble.

Spoiler:

The link is

Code:

http://static.tumblr.com/nkaxgk2/4lqmaxl5b/lwwy.jpg

Now you have your code. So I'm going to use a basic code

Code:

<div style="height: 200px; width: 200px;"></div>

You can edit it to do whatever you want later.

Now we're going to add the border in.

Code:

<center><div style="width:450px; height: 450px; border-left: white 10px dashed; border-right: white 10px dashed; border-bottom: white 10px dashed; border-top: white 10px dashed;"></div></center>

Okay, the border looks like this.

Spoiler:

Now I'm going to add the image in

The code is

Code:

background-img: (http://static.tumblr.com/nkaxgk2/4lqmaxl5b/lwwy.jpg);

You would apply this into your div. (where you have the 'border' code.)

Spoiler:

or

Code:

<img src="http://static.tumblr.com/nkaxgk2/4lqmaxl5b/lwwy.jpg">

This one would go in the code like this:

Code:

<center><div style="width:300px; height: 320px; border-left: white 10px solid; border-right: white 10px solid; border-bottom: white 10px solid; border-top: white 10px solid;"> <img src="http://static.tumblr.com/nkaxgk2/4lqmaxl5b/lwwy.jpg"></div>

it looks like this:

It works either way. And they should look the same.