css 文本基础 实战 小米官方卡片案例
2024-08-27 15:07:12
<!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>
<style>
p{
margin: 0;
padding: 0;
} //清除p标签默认的间隔,或者将p标签换成div标签
body{
background-color: #f5f5f5;
}
.box{
width: 234px;
height: 300px;
background-color: #ffff;
/* background-color:blue; */
text-align: center;
margin: 0 auto;
}
img{
width: 160px; }
.product { height: 25px; //文字顶部到下一行文字的高度
font-size: 14px;
}
.info {
font-size: 12px; height: 30px;
color: #cccccc;
}
.price{
font-size: 14px;
color: #ffa500;
}
</style>
</head>
<body>
<div class="box">
<img src="./images/car.jpg" alt="平衡车">
<p class="product">九号平衡车</p>
<p class="info">成人的玩具</p>
<p class="price">1999元</p> </div>
</body>
</html>
最新文章
- 创建一个Phone实体,完成多页面的电话簿项目
- ajax向后台传递数组
- JSP内置对象---out内置对象
- 微信公众号里打开链接下载APP
- SSD1306驱动的OLED实验
- Careercup - Facebook面试题 - 5733320654585856
- ZOJ Monthly, August 2014
- ArcGIS Runtime for Android开发教程V2.0(1)基本概念
- SQL 编译与重编译
- Jenkins 一: 环境安装以及配置
- 在选择“Add Library Package reference”时提示:无法加在一个或多个请求的类型,有关更多信息,请检索LoaderException属性
- sql语句收集
- 使用android的mediaplayer做成 一个demo,欢迎测试使用
- Vue2.x源码学习笔记-Vue静态方法和静态属性整理
- Springboot通过cors解决跨域问题(解决spring security oath2的/oauth/token跨域问题)
- $O(n+log(mod))$求乘法逆元的方法
- samba服务配置(二)
- liferay笑傲江湖-API之参数的工具类(ParamUtil)
- Servlet基础知识点
- java将配置信息写在数据库(利用反射)