HTML5网页设计基础—

案例效果图：

代码如下：

<!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>

HTML5网页设计基础——LOGO的制作相关推荐

HTML5网页设计基础——音乐盒的制作
案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...
HTML5 网页设计基础
一.html介绍 1.什么是html5,html5可以做什么? (1).概念:HTML 语言是一种文本类,依靠解释的方式执行的超文本标记语言,它是Lnternet上用于编写网页的主要语言.用于HTML ...
HTML5网页设计基础——搜索页面
案例: 案例分析:该题用到的文字样式有文字颜色,下划线不懂得同学可以点下面链接学习文字样式属性 https://blog.csdn.net/shengming_tutou/article/detail ...
HTML5网页设计基础——用户注册界面
案例: 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <t ...
HTML5网页设计基础——精美电商悬浮窗
案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...
HTML5网页设计基础——美食专题栏目
案例: 图片资源: 参考代码:如下 <!doctype html> <html> <head><style>img{margin:20px/*设置图片的 ...
HTML5网页设计基础——用户中心
案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...
HTML5网页设计基础——咖啡banner
案例: 图片资源: <-------这里有图参考代码: <!doctype html> <html> <head> <meta charse ...
HTML5网页设计基础——图文混排升级版
案例: 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <t ...
HTML5网页设计基础——创意画框
案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8" ...

HTML5网页设计基础——LOGO的制作

案例效果图：

代码如下：

HTML5网页设计基础——LOGO的制作相关推荐

最新文章

热门文章