Chapter three — layout tutorials ❝the type of borders❞ 

First,insert your image by its url.


While editing the image(in image properties) if you noticed,the coloum under 'width' and 'height' is 'border' right? XD So insert a number and click 'OK'. 

If you're fine with the border now,then go ahead and skip below! +if you wanna change the colour,click 'text colour'.

We'll be going one by one,you could skip one if you don't like it.
now,Padding.. padding is white space inbetween the border and the pictures.. like this;


yeah,just click 'source' and you'll see the picture code.. 
<-p->-<-img alt="" src="https://31.media.tumblr.com/6bab605fb3e3412e5103d3d6640397b0/tumblr_mfcnxjcao01r3mhtmo1_500.png" style="font-family: garamond; font-size: 14px; line-height: 21px; width: 300px; height: 217px; border-width: 5px; border-style: solid;" /->-<-/-p->
(remove the '-')

After 'border-width',add in 'padding:#px;'.. and again,replace '#' with a preffered number. (i added in 5. so,padding:5px;)
anndd..TA-DAAH! AAGAAIN...


and if you realized(im pretty sure you didn't),there was 'border style-solid' in the code..right? XDD Well,There are different type of border styles!

 Solid
 double
 dotted
 dashed
 inset
 Outset
 groove
 ridge

And! You could also put them together as a double,or triple!
e.
 Inset double

 dotted inset double
Just change 'border style-solid's' solid to any of these ontop. and again,TA-DAAH!

 

abcdefghijklmnopqrstuvwxyz
  
Play with it! and also don't hessitate to ask me any questions regarding any layouts. XDD 
And triple update.. WHUT AN AWESOME NIGHT! /killed. anyways,byye~ Ill see when i can update again. s0bs