当前位置： 移动技术网 > IT编程>网页制作>CSS > css-图文案例

css-图文案例

2018年11月01日  | 移动技术网IT编程  | 我要评论

　　效果如下：

　　附上代码：

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

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网