Zwykłe tło
<b style="display: block; padding: 10px; background: #adc7e1; color: #0a3b6b;">

Tło obrazkowe
<b style="display: block; padding: 10px; background: #cdcdcd url('link do obrazka'); color: #0a3b6b;">

Wytłumaczenie
display: block - 'rozciąga' obszar tekstowy na całą dostępną szerokość
padding: 10px - tworzy wewnętrzny margines, w tym przypadku o rozmiarze 10px
background: #adc7e1 - kolor tła ramki (w przypadku tła obrazkowego nie ma on znaczenia)
color: #0a3b6b - kolor tekstu w ramce

Obramowania wokół zwykłego tła:
<b style="display: block; padding: 10px; color: #0a3b6b; border: 1px solid #123456;">

Obramowanie wokoło tła obrazkowego:
<b style="display: block; padding: 10px; background: #cdcdcd url('link do obrazka'); color: #0a3b6b; border: 1px solid #123456;">

Wytłumaczenie
border: 1px solid #123456 - grubość obramowania
border: 1px solid #123456 - styl obramowania. Jest kilka stylów obramowania: solid (linia ciągła), dotted (linia kropkowana), dashed (linia przerywana), double (linia podwójna ciągła), groove (wklęsła linia), ridge (wypukła linia);
border: 1px solid #123456 - kolor obramowania