jq-css文字在图片上+背景图

最新推荐文章于 2023-04-25 10:00:02 发布

前端小云儿

最新推荐文章于 2023-04-25 10:00:02 发布

阅读量174

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/jieweiwujie/article/details/119846334

版权

HTML CSS 图片布局绝对定位响应式设计

关键词由CSDN通过智能技术生成

css 专栏收录该内容

75 篇文章 1 订阅

订阅专栏

<!doctype html>
<html>

   <head>
       <meta charset="utf-8">
       <title></title>
       <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
       <link href="css/mui.css" rel="stylesheet" />
       <style>
           .div1{background-image: url(../images/u659.png);
               width: 100%;
               height: 200px;
               background-repeat: no-repeat;
               border: 1px solid red;}

           #img{text-align: center;}
           img{
               margin-top: 80px;position: relative;
               }
           .div4{
               color: red;font-size: 10px;position: absolute;
               margin-top: -40px;margin-left: 148px;}
       </style>
   </head>

   <body>
       <div class="div1">
           <div id="img">
               <img src="../images/tt-ico.png" />
               <div class="div4">文字在图片上</div>
           </div>
       </div>
       <div class="div2"></div>
       <div class="div3"></div>
       <div class=""></div>
   </body>
</html>

前端小云儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jq-css文字在图片上+背景图

<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&g...
复制链接

扫一扫