HTML、摊放的图片

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>摊放图片</title><style type="text/css">body {margin: 30px;background-color: #e9e9e9;}/* 图片  */figure.polaroid {margin: 0;width: 294px;padding: 10px;background-color: white;border: 1px solid #bfbfbf;box-shadow: 2px 2px 3px #aaa;  /* 盒子阴影效果  */}/* 左旋转  */figure.rotate-left {float: left;transform: rotate(7deg);        /* 转换（顺时针旋转7度）  */-ms-transform: rotate(7deg);-moz-transform: rotate(7deg);-webkit-transform: rotate(7deg);}/* 右旋转  */figure.rotate-right {clear: left;float: left;transform: rotate(-8deg);  /* 转换（逆时针旋转8度）*/-ms-transform: rotate(-8deg);-moz-transform: rotate(-8deg);-webkit-transform: rotate(-8deg);}/* 图片标题  */figure.polaroid figcaption {padding: 14px;}/* 图片宽度  */figure.polaroid img {width: 100%;}</style></head><body><!-- 图片1 --><figure class="polaroid rotate-left"><img src="../img/ballade_dream.jpg" alt="郁金香" title="郁金香" /><figcaption>上海鲜花港的郁金香，花名：Ballade Dream。</figcaption></figure><!-- 图片2 --><figure class="polaroid rotate-right"><img src="../img/china_pavilion.jpg" alt="世博中国馆" title="世博中国馆" /><figcaption>2010年上海世博会，中国馆。</figcaption></figure></body>
</html>

HTML、摊放的图片相关推荐

Python+OpenCV 图像处理系列（1）— Ubuntu OpenCV安装、图片加载、显示和保存
Ubuntu 16.04 下安装 Opencv sudo apt-get install libopencv-dev sudo apt-get install python-opencv 或者使用 p ...
FastAI 课程学习笔记 lesson 1：宠物图片分类
文章目录代码解析神奇的"%" 导入fastAI 库下载解压数据集 untar_data 获取帮助文档 help() ? ?? doc 设置路径 get_image_files ...
1 用python进行OpenCV实战之用OpenCV3实现图片载入、显示和储存
code 将下面文档存为load_display_save.py #-*- coding:utf-8 -*- from __future__ import print_function #1 impo ...
java 16进制与图片互转
十六进制转成图片 /*** 十六进制转成图片* @author Administrator**/public static void saveToImgFile(String src,String o ...
ttf,woff2字体转化为png图片,python读取图片
20210326 乱码转换的时候是同一套unicode编码但是在不同的字体库中对应的字不同 20210324 https://jingyan.baidu.com/article/e73e26c0c ...
LeetCode简单题之图片平滑器
题目包含整数的二维矩阵 M 表示一个图片的灰度.你需要设计一个平滑器来让每一个单元的灰度成为平均灰度 (向下舍入) ,平均灰度的计算是周围的8个单元和它本身的值求平均,如果周围的单元格不足八个,则尽 ...
Typora+PicGo图床配置(本地图片--＞网络url~博客必备）
前段时间搭了一个hexo博客,但是发现了一个很大的问题,在Typora里编辑你的博文的时候,插入的图片都是一些本地图片,然后部署的时候根本不能加载这些图片~~ 其中一个解决方法就是通过一些平台,像知乎 ...
OFRecord 图片文件制数据集
OFRecord 图片文件制数据集在 OFRecord 数据格式和加载与准备 OFRecord 数据集中,分别学习了 OFRecord 数据格式,以及如何将其它数据集转为 OFRecord 数 ...
CVPR2020论文解读：CNN合成的图片鉴别
CVPR2020论文解读:CNN合成的图片鉴别 <CNN-generated images are surprisingly easy to spot- for now> 论文链接:htt ...

HTML、摊放的图片

HTML、摊放的图片相关推荐

最新文章

热门文章