1."font-family: 'Comic Sans MS'; color: #000000; font-size: 20px"  - тип шрифта, цвет, размер.

2. <i> - курсив

 3. <b>  - жирный :

 

Пример:

 

<span style="font-family:Comic Sans MS;color:#000000;font-size:20px"><i><b>содержимое рамки 1  текст</b></i> </span>     получится жирный курсив размером 20px шрифт Comic Sans MS (как эти слова)

 

Обводка слоев рамки 

 1. "border:0px none #000000; = свойства обводки = ее отсутствие

 2. "border:4px solid #006600; = сплошная зеленая

3.  "border:4px double #006600; = двойная

 4. "border:4px dashed #006600; = пунктирная

 5. "border:4px dotted #006600; = точками

 6. "border:4px outset #006600; = выпуклая

7. "border:4px inset #006600; = вдавленная

 8. "border:4px ridge #006600; = вырезанная

 9. "border:4px groove #006600; = врезанная

содержимое рамки 1

 

 

Код этой рамки из Рамочника:

 <table border="0" cellspacing="0" cellpadding="0" style="border: 0px none #000000; "border:2px dotted #006600;background-image: url('//s017.radikal.ru/i406/1301/cf/f1af7f442d3d.jpg ')"><tbody><tr><td style="padding: 15px"><table border="0" cellspacing="0" cellpadding="0" style="border: 0px none #000000; "border:2px dotted #006600;background-image: url('//s019.radikal.ru/i611/1301/57/0745cf5fdb81.gif ')"><tbody><tr><td style="padding: 2px"><table border="0" cellspacing="0" cellpadding="0" style="border: 0px none #000000; "border:2px dotted #006600;background-image: url('//s017.radikal.ru/i421/1301/69/e60cf14feb6c.jpg ')"><tbody><tr><td style="padding: 5px"><table border="0" cellspacing="0" cellpadding="0" style="border: 0px none #000000;"border:2px dotted #006600;background-image: url('//s019.radikal.ru/i611/1301/57/0745cf5fdb81.gif ')"><tbody><tr><td style="padding: 1px"><table border="0" cellspacing="0" cellpadding="0" style="border: 0px none #000000; "border:2px dotted #006600;background-image: url('//s017.radikal.ru/i421/1301/69/e60cf14feb6c.jpg ')"><tbody><tr><td style="padding: 15px"><table border="0" cellspacing="0" cellpadding="0" style="border: 0px none #000000;"border:2px dotted #006600;background-image: url('//s019.radikal.ru/i611/1301/57/0745cf5fdb81.gif ')"><tbody><tr><td style="padding: 2px"><table border="0" cellspacing="0" cellpadding="0" width="640" "440"style="border: 0px none #000000;"border:2px dotted #006600; background-image: url('//s58.radikal.ru/i161/1301/62/be0e2ff9557e.jpg ')"><tbody><tr><td align="center" style="padding: 20px"><span style="font-family: 'Comic Sans MS' 'Georgia'; color:#000000;#ffff99; font-size: 2030px">содержимое рамки 1</span></td></tr><tr><td height="1%" align="right" style="padding: 0px"><a href="http://4maf.ru/ramochnik.php"; target="_blank" title="Сделать свою рамочку с помощью Рамочника на сайтe 4maf.ru"><img src="http://4maf.ru/style/ramochnik.png"; border="0" /></a> </td></tr></tbody></table></td> ;</tr></tbody></table></td></tr&g t;</tbody></table></td></tr></tbo dy></table></td></tr></tbody>< /table></td></tr></tbody></table> </td></tr></tbody></table>    

 

Пояснения  к коду рамки по изменениям

 

1. Рамочка была без обводок слоев:

**вытираем то, что выделено красным шрифтом "border: 0px none #000000; , оставляем то, что выделено бирюзовым "border:2px dotted #006600; = получится зеленая обводка слоев точками величиной 2 пикселя.   

 

 

 

 2. Меняем ширину рамки (внутренней), а то наслоения внешних слоев расширило ее и она не поместилась в блог:

**убираевыделенное  желтым шрифтом  "640"  , а ставим выделенное розовым "440"

 

3. Меняем шрифт:

**удаляем тип шрифта выделенный белым цветомComic Sans MS , а ставим бледно-салатовым Georgia (или любой другой тип шрифта, который можно скопировать в редакторе)

**удаляем размер шрифта выделенный оранжевым  20, а ставим размер выделенный светлосиним  30 .

4. То что выделено подчеркнутым курсивом можно удалить - это ссылка на сайт Рамочник и пдпись "Рамочник"  - я не убирала.

 - это адрес картинок, загруженных через радикал, ставших фонами рамки (код в первой строке на Радикале (1. Ссылка)

 

 

 

Еще один вариант этой рамки: 

Я иду по солнечным пятнам,   Щедро выплеснутым   листвой.   До чего же ходить приятно,   Подминая ковёр такой.   Солнце тем, чем богато   было   Всё, под ноги мне обронило!

В данном случае:

1. Вторая, третья и четвертая обводка были изменены на  "border:2px outset #006600; = выпуклую, а первая, пятая, шестая и седьмая на "border:2px double #006600; , т. е. двойную.

2.  Ширина внутренней рамки на 540.

3. Вместо  содержимое рамки 1</span>  поставлено 

<i><b>содержимое рамки </b></i></span>,

что сделало шрифт наклонным и жирным.

4. Вместо слов  содержимое рамки  вставлены стихи.

Да, как я работала с кодом рамки!

из блога натали -солнце