Question

我正在从头开始制作模因发生器。使用户输入的文本显示在图像上的简单方法是什么？我正在使用这个项目来引导学习CSS编程的方法。

     & <!DOCTYPE html>
     <html>
    <head>
    <style>
        body {
        background-color: grey;
    }


    p {
        color: white;
        text-align: center;

    } 

      img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

        .container {
         position: relative;
         text-align: center;
         color: white;
         }
      .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    </style>
    </head>
    <body>



<p>Line one</p>
<p>Line two</p>
/Center an Image/


<div class="container">
  <img src="http://luckypuppy.net/MEMEgen/memepics/colin-nike.jpg" alt="Snow" style="width:40%;">

  <P><div class="centered">First Line<br>Second Line</br></div></P>

 <center>
   <form action="/action_page.php">
  First Line: <input type="text" name="fline"><br>
  Second Line: <input type="text" name="sline"><br>
  <input type="submit" value="Submit">
   </form> </center>



</div>
</body>
</html>

这是我的第一个问题，显然，问题必须冗长。我在这个问题中加入了我称之为代码的混乱局面，所以我真的不知道要添加什么。

一只驼鹿曾经咬过我姐姐。

那是谎言。

麋鹿没有真正咬我姐姐。

我没有姐姐。

但是我有一只驼鹿。

很好。

显示输入文字

0 个答案: