web前端-综合应用案例-二维码名片的制作-educoder

最新推荐文章于 2024-07-19 12:34:44 发布

森林树苗

最新推荐文章于 2024-07-19 12:34:44 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： educoder实训平台答案文章标签：前端蓝桥杯 fpga开发 css3 html

本文链接：https://blog.csdn.net/m0_57382477/article/details/121991658

该博客介绍了如何使用前端技术进行二维码名片的制作，包括页面的结构设计和样式设计两个关键步骤。通过这两个关卡，读者将学习到前端开发中的HTML与CSS3的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第1关：二维码名片页面的结构设计

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>设计师名片</title>
</head>
<body>
    <!-- ********* Begin ********* -->
	
    	<dl>
        <dt></dt>
        <dd><span class="poo1">李刚</span>&nbsp;<span class="poo2">广告公司</span></dd>
        <dd>晋级：网页设计师</dd>
        <dd>案例：41个</dd>
        <dd>经验：4年</dd>
    </dl>
    
    <!-- ********* End ********* -->
</body>
</html>

第2关：二维码名片页面的样式设计

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>设计师名片</title>
<!-- ********* Begin ********* -->
<style type=text/css>
  body,dl,dt,dd{ 
      
      padding:0; margin:0; border:0;
      
      }   
  dl{
	  width:170px;