borders and paddings

 

 

 

1. A border can be added to the style of a group/object. You'll need to specify 3 information in the tag: border type, thickness of border and border colour.
 

<div style="float:left;width:200px;height:200px;border:solid 10px #D0DA99;"><img alt="" src="http://i.imgur.com/8Ozc35f.png" style="width:200px;height:200px;" /><div>

 

This is how the border would look like:
 

You can change the border thickness, border colour and border type as you like.
 

<div style="float:left;width:200px;height:200px;border:solid 50px #BC7E7D;"><img alt="" src="http://i.imgur.com/8Ozc35f.png" style="width:200px;height:200px;" />div>

 

 

 

 

2. I've listed down some of the border types you can use on AFF below:
 

solid

dotted

dashed

groove

outset

inset

 

You can also do a combination of the different types of border.
 

<div style="float:left;width:200px;height:200px;border-left:solid 5px #D0DA99;border-right:dotted 5px #D0DA99;border-bottom:dashed 5px #D0DA99;border-top:inset 5px #D0DA99;"><img alt="" src="http://i.imgur.com/8Ozc35f.png" style="width:200px;height:200px;" /><div>

 

 

 

 

3. Introducing padding to the group will give some space between the picture and the border.
 

<div style="float:left;width:200px;height:200px;border:solid 5px #D0DA99;padding:5px;"><img alt="" src="http://i.imgur.com/8Ozc35f.png" style="width:200px;height:200px;" /><div>

 

You also can change the size of the padding to your liking.
 <