欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

css-图文案例

程序员文章站 2022-06-21 10:34:31
效果如下： 附上代码： 效果如下： 附上代码： ......

　　效果如下：

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>

 　　效果如下：

css-图文案例

 

　　附上代码：

<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>

 

上一篇： js-js的运算

下一篇： Django 配置（一）开启服务

推荐阅读