案例效果图:
代码如下:
<!doctype html><html><head><meta charset="utf-8"><title>Google的LOGO设计</title><style>strong{font-size: 100px;/*设置所有strong标签的文字大小为:100px*/}.blue{color:#3174f0; /*给类名为。blue的标签设置颜色*/}.red{color: #e53125;/*给类名为。red的标签设置颜色*/}.yellow{color: #fbb003;/*给类名为。yellow的标签设置颜色*/}.green{color: #269a43;/*给类名为。green的标签设置颜色*/}</style></head><body><strong class="blue">G</strong><!--strong代表文字加粗 类名为"blue"--><strong class="red">o</strong><strong class="yellow">o</strong><strong class="blue">g</strong><strong class="green">l</strong><strong class="red">e</strong></body></html>