HTML定位排板

最新推荐文章于 2024-06-15 11:46:27 发布

摆烂大狮

最新推荐文章于 2024-06-15 11:46:27 发布

阅读量137

点赞数

分类专栏： css html 文章标签：前端 html css

本文链接：https://blog.csdn.net/Ts3768/article/details/125553199

版权

运用CSS position定位实现排板效果

html：

<body>
    <div id="box1">
        <div id="box1-1"><span>前端开发</span></div>
        <div id="box1-2">
            <div id="tp">
            <img src="images/01.jpg" width="300px" height="200px">
            </div>
            <div id="db">
                <img src="images/label.png" width="50px" height="30px"> 
            </div>
            <div id="db-z">
                <span>点播</span> 
            </div>
            <div id="box1-3">
                <span>Web前端学习</span>
                <br><br>
                <spen style="color: rgb(245, 131, 10);">您就是未来的前端工程师</spen>
            </div>