为网页添加列表和超链接

为网页添加列表和超链接—二维码名片

定义列表

<dl>

<dt>名词</dt>(图片)

<dd>名词解释1</dd>（h2，h3，p）

……

</dl>

列表嵌套

<ul>

<li>

<ol>

……

<ol>

</li>

<ul>

程序代码：

<!doctype html>

<html>

<head>

<title>二维码名片</title>

<style>

*{margin: 0;padding: 0;border: 0;}

dl{

width: 200px;

height:280px;

border: 10px solid #8B8B8B;

padding-top: 10px;

}

dt{

width: 200px;

height: 162px;

background: url("img.png") no-repeat;

padding-top: 10px;

}

dd{

color: #A7A7A7;

margin-left: 20px;

line-height: 25px;

}

.a{

font-weight: bold;

font-size: 20px;

}

.b{

font-size: 13px;

}

</style>

</head>

<body>

<dl>

<dd>职位：网页设计师</dd>

</dl>

</body>

</html>

为网页添加列表和超链接—二维码名片相关推荐

为网页添加列表和超链接——精美电商悬浮窗
为网页添加列表和超链接--精美电商悬浮窗无序列表: <ul> <li>-</li> <li>-</li> -- </ul> 有 ...
如何给CSDN博客添加微信公众号二维码或自定义栏目
1. 前言在浏览CSDN博客的过程中,我们可以发现有些博主的主页有微信公众号二维码等一些个人栏目信息.这可以让其他浏览博客的游客和作者进行有效的沟通,同时也可以在博客里对自己的微信公众号作宣传.我这 ...
CSS实现鼠标经过网页图标弹出微信二维码
特点 1.纯CSS实现二维码展示功能,减少加载JS: 2.使用CSS3 transform 属性: ## 第一步在需要展示二维码的地方添加如下代码,其中<a>标签内容可以根据需要修改成图 ...
微信公众号-添加参数获取场景二维码路径
1.微信公众平台测试账号我用内网穿透把本地的项目映射到外网,主要为了方便测试在本地项目映射成功后可以扫一下"测试号二维码 "看是否正常进入到后台 2,添加参数获取场景二维码路径 ...
html+css案例演示，实现一个网页二维码名片效果
案例实现,二维码名片一.效果分析: 根据效果图分析是一个图文混排的案例,外部可以使用dl标签,在dl标签里面嵌套一个dt标签将二维码图片嵌套进去,在使用dd标签定义对应的文本文档二.开始实现 1- ...
在next主题添加微信公众号二维码
在侧边栏添加微信公众号二维码首先,当然是准备一张微信公众号二维码.有两种添加方式,添加到侧边栏或者添加到推文的结尾处.我的next主题是7.x版本的,使用的主题是Gemini,设置的侧栏显示方式是一 ...
EduCoder-Web程序设计基础-html5—二维码名片制作-(第1关：二维码名片页面的结构设计)(第2关：二维码名片页面的样式设计)
目录第1关:二维码名片页面的结构设计代码示例第2关:二维码名片页面的样式设计代码示例第1关:二维码名片页面的结构设计任务描述本关任务:设置一个二维码名片页面的主体结构. 相关知识为了完 ...
微信二维码名片生成示例【转】
二维码的对于现在已经很流行了,主要是因为其大数据量和容错能力.出于爱好,学了下google的zxing对二维码的处理. 首先生成一张二维码的话,只要输入文本就OK了. 下面是加密的代码 1 2 3 4 ...
web前端-综合应用案例-二维码名片的制作-educoder
第1关:二维码名片页面的结构设计 <!doctype html> <html lang="en"> <head> <meta charse ...

为网页添加列表和超链接—二维码名片

为网页添加列表和超链接—二维码名片相关推荐

最新文章

热门文章