javaWeb css图文混排

以你之姓@ 2021-12-15 07:13 254阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <style type="text/css">
    #hunpai{
        width:500px;
        height:400px;
        border:2px dashed orange;
        padding:5px;/* 内边界 */
    }
    #img11{
        float:left;
        margin:10px;/* 外边界 */
    }
    #txt11{
        color:green;
    }
    </style>
    </head>
    <body>
    
    <div id="hunpai">
    <div id="img11" ><img src="images/1.png" width="200"></div>
    <div id="txt11">我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。
    出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。
    出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。
    出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。
    出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。</div>
    
    </div>
    </body>
    </html>

效果：

![1227818-20180207205057060-44802840.png][]

转载于:https://www.cnblogs.com/qingyundian/p/8428412.html

[1227818-20180207205057060-44802840.png]: /images/20211214/a9f949f307f14eb6a28376738cb7d762.png