zoukankan      html  css  js  c++  java
  • css-图文案例

      效果如下:

      附上代码:

    <html>
        <head>
            <title>World</title>
            <style type="text/css">
                #imgtest {
                    border:1px dashed orange;
                    width:400px;
                    height:300px;
                }
                #image11 {
                    /* float:left; */
                    float:right;
                }
                #test11 {
                    color:blue;
                }
            </style>
        </head>
        <body>
            <div id="imgtest">
                <div id="image11"><img src="a.jpg"  width="250" height="200"/></div>
                <div id="test11">愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!愿有岁月可回首,且以深情共白头!
                </div>
            </div>
        </body>
    </html>

       效果如下:

      附上代码:

    <html>
        <head>
            <title>World</title>
            <style type="text/css">
                #test11 {
                    color:blue;
                    position:absolute;
                    top:190px;
                    left:120px;
                }
            </style>
        </head>
        <body>
            <div id="image11"><img src="a.jpg"  width="250" height="200"/></div>
            <div id="test11">鸣人雏田</div>
        </body>
    </html>
  • 相关阅读:
    DOM对象的一些常用方法
    body-parser的使用
    CSS中box-sizing: border-box
    ES6 数组方法 --- map() filter() find()的用法
    JavaScript --- 预编译
    Vue过滤器filter
    Lock wait timeout exceeded; try restarting transaction
    lead函数
    Mysql 数据词典
    OOD
  • 原文地址:https://www.cnblogs.com/ibabyli/p/9888803.html
Copyright © 2011-2022 走看看