在css中控制图像的大小
2024-09-12 18:17:24
可在CSS中利用width属性和height属性控制一个图像得到大小,就像控制其他任何盒子的大小一样。
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
img.large {
width: 500px;
height:500px;}
img.medium {
width:250px;
height: 250px;}
img.small{
width: 100px;
height:100px; }
</style>
</head>
<body>
<div>TODO write content</div>
<img src="magnolia-large.jpg" alt="Magnolia"/>
<img src="magnolia-medium.jpg" alt="Magnolia"/>
<img src="magnolia-small.jpg" alt="Magnolia"/>
</body>
</html>
最新文章
- 【前端】Three.js
- ORM查询语言(OQL)简介--高级篇:脱胎换骨
- HDU 2838 (DP+树状数组维护带权排序)
- Windows下HG服务器的搭建
- mac OS X下安装Redis及Thinkphp3.1使用Redis
- 关于SWT/JFace的API文档
- 窗口 namedWindow(), destroyWindow(), destroyAllWindows()[OpenCV 笔记6]
- SetupFactory +添加frm2.0工具
- gauge.js的应用
- 所有事件event集锦
- textarea placeholder文字换行
- SQL查询多条不重复记录值简要解析【转载】
- react native头部标题样式修改
- SPFA板子 (背景:Luogu P3371 单源最短路径)
- Docker容器监控(十)--技术流ken
- 软考自查:数据流图(DFD)
- Node.js 串口通讯 node-serialport 使用说明
- [转]How to Send Ethereum with Web3.js and Node
- JSONPath介绍
- Oracle对于敏感数据的处理,可以采用策略(dbms_rls.add_policy)