IMWEB小白DAY3-制作个人名片

通过名片制作，了解盒子DIV模型，float属性；图片背景搭配，LOGO配置、DIV框架、字体排版等知识。效果图如下：

<html><head><title>小白DAY03名片卡</title></head><body align="center"><!--名片卡制作--><div id="mingpian"><div id="logo"><div id="logo_img"><span>LOGO</span></div><p>成松科技有限公司</p></div><div class="clearDiv"></div><div id="image_div"><img src="证件照.jpg" height="100%" width="100%"/></div><div id="jieshao"><h1>李成松</h1><h3>职务:技术总监</h3>  <hr /></div><div class="clearDiv"></div><div id="zhuyingfanwei"><p>主营范围：JAVA项目、ASP项目、微信开发、IOS开发、大数据分析、安卓APP开发、前端设计、PPT</p></div></div><style>#mingpian{width:350px;height:200px;border:2px ridge #3366cc;margin-left:400px;margin-top:200px;background-image:url("背景.jpg");}#image_div{width:80px;height:100px;border:1px dotted  #8e8e8e;margin-left:20px;margin-top:20px;float:left;}#jieshao{float:right;padding-right:50px;padding-top:20px;}#jieshao h1,h3{font-family:"微软雅黑";color:#3366cc;margin:0;padding:0;}#jieshao h3{color:#313131;}#jieshao hr{color:#3366cc;width:111px;}#zhuyingfanwei{height:30px;margin-left:20px;margin-top:5px;font-family:"楷体";font-size:14px;color:#616161;}#logo_img{width:20px;height:20px;background-color:3366cc;margin-left:20px;margin-top:2px;float:left;font-size:10px;line-height:20px;color:white;}#logo p{float:right;margin-right:170px;line-height:20px;}.clearDiv{clear:both;}</style></body>
</html>

IMWEB小白DAY3-制作个人名片相关推荐

使用百度地图api制作地图名片
调用:http://api.map.baidu.com/mapCard/setInformation.html 制作地图名片注意:街道地址定位一下,如果不准确就拖动改变位置然后点击开始制作生成的 ...
PHP制作个人名片二维码
本文用PHP来制作个人名片二维码,可以让别人扫二维码展示出自己的信息,并且可以添加到手机联系人生成为 qrcode二维码,所以用到 qrcode的库,可以在网上下载 <?phpinclude_ ...
hellowei专业制作微名片
hellowei微名片,是一家专业制作微名片,而且是免费的,功能多多,模板炫酷,种类多,各行各业,操作简单,推广方便,使用全新的方式销售.服务和推广.展示更好的兼容性.更便捷的操作性.更庞大的集中库 ...
安卓小白如何制作一个精简ROOT的卡刷ROM？小白制作ROM包详细图文教程
安卓小白如何使用最短的时间制作一个精简ROOT的卡刷ROM? 小白用户如何便捷的制作一款属于自己的刷机包? 小白制作刷机包时具体需要什么样的操作步骤? 接下来和大家分享一下小白制作ROM包详细图文教程 ...
w10系统没有打开方式_小白怎么制作微软官方win10系统安装启动U盘
很多朋友都知道我们安装系统需要用到PE启动盘,这个安装工具很方便但是装完系统后大家会发现里面附带了很多的软件会拖慢我们的电脑运行速度,还需要一个一个的卸载很麻烦,其实微软有一个靠谱的工具很少有人知道! ...
【uniapp小程序】制作一个名片列表
示例部分 HTML.CSS部分 HTML部分如下 CSS部分如下切换名片功能的实现这里使用动态绑定class类的方式实现我们通过判断当前选择卡片的index来确定是否显示高亮当我们点击不同的卡 ...
【Python】用Python制作一个名片管理系统
把这两个文件放在同一个目录下运行cards_main.py即可. cards_main.py import cards_tools while True:#显示功能菜单cards_tools.show ...
小白如何制作一个微信小程序
微信小程序一般都有image(微信小程序中需要的一些按钮的图片和其他图片).pages(微信小程序的各个页面的编写).util.这些组成,建议看微信小程序开发官方介绍理解这些之间的关系有利于加深对微信 ...
python制作简易名片管理系统
card = [{"name": "test", "iphone": "test ", "qq": ...

IMWEB小白DAY3-制作个人名片

IMWEB小白DAY3-制作个人名片相关推荐

最新文章

热门文章