CSS类选择器+案例:⾕歌LOGO
类选择器+CSS(内嵌式)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>类选择器+CSS内嵌式</title>
<style type="text/css">
.g{color:#1B6FEF;font-size: 150px;}
.o{color:#009A57;font-size: 150px;}
.o{color:#DB4732;font-size: 150px;}
.
g{color:#1B6FEF;font-size: 150px;}
.l{color:#FFD669;font-size: 150px;}
.e{color:#009A57;font-size: 150px;}
</style>
</head>
<body>css选择器分为哪几类
<div >
<strong class="g">G</strong>
<strong class="o">o</strong>
<strong class="o">o</strong>
<strong class="g">g</strong>
<strong class="l">l</strong>
<strong class="e">e</strong>
</div>
</body>
</html>
效果图:
![在这⾥插⼊图⽚描述](img-blog.csdnimg/20200529195944809.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_1 0,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ3NjU1NDgy,size_16,color_FFFFFF,t_70#pic_center)

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。