html+css实战65-综合案例4-产品-文字效果
教程管理员 发布于2023-09-30 13:55 HTML教程 131
简介:
html+css实战65-综合案例4-产品-文字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <style> body{ background-color: #f5f5f5; } .goods{ width: 234px; height: 300px; background-color: #fff; /* 样式居中 */ margin: 0 auto; text-align: center; } img{ width: 160px; } .title{ font-size: 14px; line-height: 25px; } .info{ color: #ccc; font-size: 12px; line-height: 30px; } .money{ font-size: 14px; color: aquamarine; } </style> </body> <div class="goods"> <img src="./images/geyao.jpg" alt="歌谣" title="歌谣"> <div class="title">我是歌谣</div> <div class="info">前端分享者</div> <div class="money">公众号关注前端小歌谣</div> </div> </html>
运行结果
相关推荐
- 03-23 淡雅绿清新风产品推广Office PPT免费模板背景素材下载
- 03-21 互联网科技风数据库产品发布会Office PPT免费模板背景素材下载
- 03-03 服装服饰公司介绍与费用管理案例展示Office PPT免费模板背景素材下载
- 02-27 《超越对手》读书笔记PPT。项目经理必备的四个实战技能。一、文案写作能力。二、讲演能力。三、调研能力。四、团队培养的能力。
- 02-03 产品经理应聘求职简历模板_简介doc文档Word模板下载
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序,Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-