web前端：简单的海报设计（简单的插入静态图为背景）

最新推荐文章于 2024-05-11 02:22:56 发布

爱吃卷心菜的搞笑男

最新推荐文章于 2024-05-11 02:22:56 发布

阅读量1.6k

点赞数 1

分类专栏： web前端开发文章标签：前端 sublime text

本文链接：https://blog.csdn.net/weixin_55439495/article/details/123364641

版权

web前端开发专栏收录该内容

4 篇文章 1 订阅

订阅专栏

1：大概效果图如下：

2：代码如下：

<!DOCTYPE html>
<html>
 <head>
      <meta charset="UTF-8">
      <title>今世缘茶吧服务项目</title>
      <style type="text/css">
      li{
      	color:blue;
      	font-family: 隶书
      }
      dl{
      	color:blue;
      	font-family:隶书 
      }
      </style>
 </head>
 <body background="cha.jpg">
   <marquee behavior="alternate" >
   <font size="8" face="隶书" color="blue">今世缘茶吧--服务项目</font>
   <ul>
    <font size="5"><li>咖啡：20元</li>
    <li>茶</li>
    <ul type="circle">
      <li>红茶：30元</li>
      <li>绿茶</li>
      <ul type="squre">
        <li>中国茶：55元</li>
        <li>非洲茶：45元</li>
      </ul>
     </ul>
     <li>牛奶：10元<li></font>
   </ul>

   <dl>
     <font size="5"><dt>联系人：</dt>
        <dd>代安卡</dd>
     <dt>联系地址：</dt>
        <dd>北京工商大学小树林</dd>
     <dt>邮政编码</dt>
        <dd>10086</dd></font>
   </dl>
</marquee>
 </body>
</html>

3：重要标签及其属性解释：

爱吃卷心菜的搞笑男

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
web前端：简单的海报设计（简单的插入静态图为背景）

1：效果如下：2：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>今世缘茶吧服务项目</title> <style type="text/css"> li{ color:blue; font-family: 隶书 } dl{
复制链接

扫一扫