html完成名片的制作

初学HTML，制作了简单的名片。程序里的图片内容需自己添加。

工具；eclipse

下面是完整代码：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Insert title here</title><style type="text/css">#div1{width:450px;height:350px;margin:100px auto;background:#808080;border-radius:10px;}//对#div1进行布局处理#div2{width:120px;height:120px;background:blue;position:absolute;margin:-270px 70px 135px 300px;border-radius:60px;}body{background-image:url("4.jpg");//背景处理background-clip:content-box;}#photo{position:relative;top:10px;left:10px; }#photo1{width:120px;height:120px;border-radius:120px;}h3{  position:relative;left:20px;}h1{position:relative;left:20px;}</style>
</head><body><div id="div1"><a href="http://www.zhiyou100.com/"><img  id="photo" src="biaozhi.png" width="220px" height="60px"></a><h1>打扰</h1><h3>大数据工程师</h3><br/><h3>手机：13623800355</h3><h3>QQ  ：1352895716</h3><h3>邮箱：1352895716@qq.com</h3><div id="div2"><img id="photo1" src="touxiang.png" ></div></div>
</body>
</html>

运行图片：

html完成名片的制作相关推荐

打造联系客户的纽带--名片的制作
纸质名片Word做优点:传统纸质名片比较符合大多数客户的使用习惯,具有易于随身携带,交换方便等特点,而利用Word制作名片,则不必下载其他名片制作工具,制作方法也更为简捷. 工具:文字处理工具Wor ...
在线制作名片php,关于一个名片在线制作的问题,求高手指点阿..
前序: http://mp.gaitu.com/sheji.html 这个是参考的网站. 其实这个做起来不难,就是有一些问题没搞明白. 名片制作的标准文档大小是9厘米X5.4厘米的分辨率是300 ...
Labelmx条码软件---二维码名片的制作教程
手机移动互联的时代离不开人与人之间的电子名片交换,移动和联通也都推出了自己的电子名片标准,条码类型使用的是QR二维条码,格式都是基于vCard的基础上进行修改完善的,包含姓名.手机.电话.地址.公司信 ...
二维码名片怎么制作？这几种方法都能够生成二维码
怎么制作二维码名片呢?制作二维码名片是一种方便快捷的方式,可以使我们更加轻松地分享联系方式和提高专业形象.通过制作二维码名片,可以将所有联系方式(例如手机号码.电子邮件地址和社交媒体账户)集中在一个二 ...
android 百度地图名片,如何制作百度地图名片获取链接及代码？
我们在一些企业网站或移动网页中,都会发现有一个在线地图之类的按钮,点击之后就会出现该企业在百度地图中的位置,而且地图还能放大缩小,甚至还会显现相关的周边信息,比如公车地铁路线等,其实这个就是所谓的百度 ...
html css，js基本知识和个人名片的制作
这里写目录标题 HTML基础知识学习 1.什么是html 2.嵌套元素 3.块级元素和内联元素 4.HTML 注释常见的元素介绍 1.标题元素:越往下字体越小 2.段落: 3.列表: 4.超链接: ...
web前端-综合应用案例-二维码名片的制作-educoder
第1关:二维码名片页面的结构设计 <!doctype html> <html lang="en"> <head> <meta charse ...
Educoder_Web_二维码名片的制作
目录第一关二维码名片页面的结构设计第二关二维码名片页面的样式设计第一关二维码名片页面的结构设计 <!doctype html> <html lang="en&q ...
pythonDay5-基本语法-中文编码-多行语句连接-输入输出-个人名片制作-类型之间的转换-判断用户的年龄
python项目-Day5 pycharm快捷键复制当前行ctrl+D 删除当前行ctrl+x 注释当前行ctrl+/ 多行注释"' "' 单行注释# 另起一行shift+ent ...

html完成名片的制作

html完成名片的制作相关推荐

最新文章

热门文章