Alexeevna (Dlja_dnevnika) все записи автора
Текст, подчеркнутый пунктиром

<span style="border-bottom: 2px dashed red;">Текст, подчеркнутый пунктиром</span>

---

Текст, подчеркнутый точками

<span style="border-bottom: 3px dotted lime;">Текст, подчеркнутый пунктиром</span>

---

Текст, подчеркнутый двойной чертой

<span style="border-bottom: double red;">Текст, подчеркнутый двойной чертой</span>

---

Текст, окаймленный разноцветным пунктиром

<span style=border-style:dashed; border-top-color:blue; border-bottom-color:red; padding:5px;> Текст </span>

---

Текст в двойной рамке

<span style="border-style: double; padding:3px;">Текст в двойной рамке</span>

---

Цветной текст в двойной цветной рамке

<span style="border-style: double; color: green; padding:3px;"><span style="color:blue;">Цветной текст в двойной цветной рамке</span></span>

---

Ваш текст в объемной 3D-рамке

<span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке</span>

---

На заметку:

Тег span (строчный) во всех приведенных примерах можно заменять на div (блочный элемент) и получим (на примере выше):

то бишь рамку на всю ширину поста.

Размеры блока div задаются атрибутами:

div style=width:200px; height:50px;

где width:200px; - ширина блока 200 пикселей,

height:50px; - высота блока 50 пикселей

Получим:

<div style="width:200px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст </div>

Alexeevna (Dlja_dnevnika) все записи автора

---

На заметку: typetester.org - полезный сайт для желающих поэкспериментировать с текстом

---

Your very intresting text

<font face="Monotype Corsiva" size="+2" color="FF0000">TEXT</font>

---

СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ

<span style="color:red;text-decoration:line-through;"><span style="color:blue">YOUR TEXT</span></span>

---

Синий текст подчеркнут красной линией

<span style="color:red;text-decoration:underline;"><span style="color:blue">Your text</span></span>

---

Синий текст в красной рамке

<span style="border:2px solid red; padding:3px;"><span style="color:blue;">Синий текст в красной рамке</span></span>

---

Цветной текст с цветным фоном

<span style="background-color:blue; color:white; padding:3px;">Цветной текст с цветным фоном</span>

---

Цветной текст с цветным фоном в цветной рамке

<span style="background-color:dodgerblue; color:white; padding:3px; border:3px solid red;">Текст</span>

Alexeevna (Dlja_dnevnika) все записи автора

Your text

<font size="+4">Your text</font>

Your text

<font size="+3">Your text</font>

Your text

<font size="+2">Your text</font>


Your text
<font size="+1">Your text</font>


Your text
<font size="-2">Your text</font>


Your very intresting text
<font face="Monotype Corsiva">Your very intresting text </font>


Your very intresting text
<font color="FF0000">Your very intresting text</font>

Alexeevna (Dlja_dnevnika) все записи автора

Alexeevna (Dlja_dnevnika) все записи автора

Raha Mutisya	1493
Shalom Buraka	3829
Hallie Curry	8372
Shari Silberglitt	4827

-----
BORDER=2

Raha Mutisya	1493
Shalom Buraka	3829
Hallie Curry	8372
Shari Silberglitt	4827

--------------
верхняя часть установлена жирным текстом

Name	Extension
Raha Mutisya	1493
Shalom Buraka	3829
Hallie Curry	8372
Shari Silberglitt	4827

.

верхняя и левая полоска установлена жирным

	10 am - noon	noon - 2 pm	2 pm - 4 pm
Monday	Home Ec	Math	Geography
Wednesday	History	Social Studies	P.E.
Friday	Music	Peace Studies	Sleep

Alexeevna (Dlja_dnevnika) все записи автора показывает только с Browser Explorer


рамка вокруг картинки



текст от картинки

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.




.



HSPACE=10
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.




.



HSPACE=50
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.




.



VSPACE=10
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.




.



VSPACE=50
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Alexeevna (Dlja_dnevnika) все записи автора ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE | ABSMIDDLE | BOTTOM | ABSBOTTOM | BASELINE

Альбина Алексеевна

| TOP |
Альбина Алексеевна

| TEXTTOP |
Альбина Алексеевна

| MIDDLE |
Альбина Алексеевна


| ABSMIDDLE |
Альбина Алексеевна

| BOTTOM |
Альбина Алексеевна

| ABSBOTTOM |
Альбина Алексеевна

| BASELINE |
Альбина Алексеевна

Alexeevna (Dlja_dnevnika) все записи автора

.

Альбина Алексеевна

.
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE | ABSMIDDLE | BOTTOM | ABSBOTTOM | BASELINE

Альбина Алексеевна"

Alexeevna (Dlja_dnevnika) все записи автора

---

---

---

---

---

---

---

---

---

---

Alexeevna (Dlja_dnevnika) все записи автора


сам код для этого текста:

---

Переменные:
FONT-WEIGHT тип шрифта
FONT-SIZE размер шрифта
WIDTH высота надписи
HEIGHT ширина надписи
FONT-FAMILY гарнитура шрифта
TEXT-ALIGN выравнивание (в данном случае — привязка к краям, варианты left, right)

---