图文编排之HTML身份介绍浮动（图片换成自己的就行啦）

<!DOCTYPE html >

<html>

<head>

<style>

body{

font-size:12px;

line-height:2px;

width:1000px;

margin:auto;}

*{ margin:0; padding:0;}

#tu{border:white;

width:900px;

background:#76c6df;} /*内容以外的背景*/

#tu dl{width:860px;

height:200px;

margin:20px;

background:#76c6df;} /*边框颜色*/

#tu dt{width:180px; /*人物图片设置参数*/

height:180px;

float:left;

margin:10px;

border: solid 10px #76c6df;

/* background:rgb(252, 247, 247); */

border:#76c6df;}

#tu dd{width:410px; /*介绍文字设置参数*/

height:160px;

float:left;

margin:10px 10px 10px 0;

padding:10px 20px;

line-height:20px;

background:#76c6df; /*设置文字背景颜色*/

text-align:left;}

.z{

font-family: "宋体";

font-size: large;

font-weight: bold;

}

text-decoration: none; /*设置标签链接下划线无*/

}

dl{

color: rgb(10, 10, 10);

}

img{

height: 180px;

width: 150px;

background-color: azure;

padding: 0;

border: 2px solid white;

}

hr{

color: azure;

height: 7px;

}

.q{

text-indent: 2em;

}

</style>

</head>

<body>

<dl>

<dd> <span class="z"><a href="#"><h3>张XX</a>(网页平面主讲老师，在北京/上海/厂州授课)<br/>

职务:高级讲师、企业培训讲师</h3> </span><br/>

<div class="q"> <h4>资深网站工程师和资探网站设计讲师，10年网站开发与教学工作经验,

拥有上百个网站项目的成功案例,精通网站前端设计和phptmysq1网站后台

开发的全部课程。管主持了同仁堂和七匹狼等著名大型网站的设计与开发工作

，后来又自主创业创建了闪梦设计工作室,专门从事网站建设、网站安全和软

件开发等业务。</h4></div>

<br />

</dd>

</dl>

<hr/>

<dl>

班级担任职务：纪律委员<br/>

爱好：吃饭、睡觉、看电视、听歌、搞笑</span></dd>

</dl>

</div>

</body>

</html>

图文编排之HTML身份介绍浮动（图片换成自己的就行啦）相关推荐

用python把图片换成蓝底_详解Python给照片换底色(蓝底换红底)
现在网上出现了很多在线换底色的网页版工具是这么做的呢?其实用Python就可以实现. 环境要求 Python3 numpy函数库 opencv库安装下载适应版本的numpy函数库,我电脑是WIN1 ...
用python把图片换成蓝底_用python 将蓝底照片转化为白底照片
# coding=utf-8 import cv2 import numpy as np img=cv2.imread('picture.jpg') #原始图片 #缩放 rows,cols,chann ...
用python把图片换成蓝底_Python给照片换底色(蓝底换红底)
环境要求 Python3 numpy函数库 opencv库安装下载适应版本的numpy函数库,我电脑是WIN10 64位,安装的函数库是 numpy-1.13.1+mkl-cp36-cp36m-w ...
Axure rp9入门图文教程——基操及介绍（看完就能上手，人人都是产品经理）
Axure rp9入门图文教程-基操及介绍免费版安装包请点击此处(避免审查,请点击这)[^这里] 一.界面介绍 1. 复制.剪切及粘贴区域 2. 选择模式 3. 插入形状 4. 控点(编辑控点) 5 ...
多传感器信息融合，介绍中图片为INS+ DVL组合程序
多传感器信息融合,介绍中图片为INS+ DVL组合程序,此外还有imu+ gps组合等其他程序 YID:6935668339426979
刚破了潘金莲的身份信息（图片文字识别），win7、win10实测可用(免费下载)
刚破了潘金莲的身份信息(图片文字识别),win7.win10实测可用效果如下: 证照,车牌.身份证.名片.营业执照等图片文字均可识别电脑版本人出品大小1.3MB 下载地址:https://p ...
(图文详细)最通俗易懂的CSS 浮动float属性详解
(图文详细)最通俗易懂的CSS 浮动float属性详解声明:本文属于搬砖大神的文章到自己的博客上,原文地址为:https://www.cnblogs.com/iyangyuan/archive/20 ...
python docx 提取图片_Python提取docx文档中所有嵌入式图片和浮动图片
术语: 浮动图片,是指在Word文档中位置可以自由移动.可以环绕文字或放置于文字上方.下方的图片,不占文档流的位置,可以和文字或嵌入式图片重叠. 嵌入式图片或行内图片,和文档中的文字一样占文档流的位置 ...
将文字定位到浮动图片上|CSS
将文字定位到浮动图片上CSS 效果展示 <div class="remmend-item"><div class="image">< ...

图文编排之HTML身份介绍浮动（图片换成自己的就行啦）

图文编排之HTML身份介绍浮动（图片换成自己的就行啦）相关推荐

最新文章

热门文章