CSS

Вопрос

Подскажите, как с помощью CSS проще всего изобразить слово (текст), каждый символ которого другим цветом. тэг font — нежелателен, а все мне известные блоки сделают перевод абзаца.

Ответ

Запиши слово «жирностью» bold. Сделай псевдокласcы на цвета:

.RED { color: red; } .BLUE { color: blue; } .GRAY { color: gray; }

После этого в теле документа свое слово пишешь так:

<B CLASS="red">M</B> <B CLASS="blue">A</B> <B CLASS="gray">N</B>

Вот еще один вариант, правда на JavaScript. Более громоздкий, но зато более универсальный.

1. файл blik.js

// ВЫВОД ТЕКСТА function toHex(dec) { var hexCharacters = "0123456789ABCDEF"; if (dec < 0) return "00"; if (dec > 255) return "FF"; return hexCharacters.charAt(Math.floor(dec/16))+hexCharacters.charAt(dec%16); } function ColorWrite(toR,toG,toB,doR,doG,doB,textCol,period) { var i,t,StR,StG,StB; period=(period==null)?textCol.length:period; t=period/2; var StR=(doR-toR)/(t); var StG=(doG-toG)/(t); var StB=(doB-toB)/(t); for (i=0; i<textCol.length; i++) { if ((i % period)<t) { toR+=StR; toG+=StG; toB+=StB; } else { toR-=StR; toG-=StG; toB-=StB; } document.write('<font color=#'+toHex(toR)+toHex(toG)+toHex(toB)+'>'+textCol.charAt(i)); } }

2. в хтмл:

… <script language=javascript src="../common/blik.js"> </script> … <BODY> … <script> <!ColorWrite(0,0,64,0,128,213,"Welcome to the Мою Страничку"); // --> </script> …