2016-07-08 6 views
-1

私はhtmlページに「google」を印刷したいと思う、すなわち(私は異なる色で各文字を印刷したいが、すべて同じ行にある)例:google検索エンジンが含まれている"Google"のような賢明な手紙。どのようにCSS/htmlの異なる色で各文字を印刷する

注:使用して、HTML、CSS、このような

+1

これは必要なのですか? http://stackoverflow.com/questions/18942818/minimal-html-css-to-specify-distinct-color-for-each-character-of-the-text – Kadima

+0

[ターゲットの1文字をjavascript](http://stackoverflow.com/questions/29462701/target-one-letter-in-a-string-with-javascript) – Jmh2013

+1

HTMLやCSSで何かをしたい場合は、あなたの質問はJavaScriptとjQueryです。 – TylerH

答えて

4

使用spans

<p> 
    <span style='color: blue'>G</span> 
    <span style='color: red'>o</span> 
    <span style='color: yellow'>o</span> 
    <span style='color: blue'>g</span> 
    <span style='color: green'>l</span> 
    <span style='color: red'>e</span> 
</p> 

は、彼らはただなどph1と似ていますが、彼らは次の行に移動しないでください。

また、Googleの使用条件にも注意してください。

関連する問題