相关疑难解决方法(0)

在DIV的四个角上附加图像

我有一个DIV,周围有一个红色虚线边框: 空白DIV

DIV的HTML:

    <div id="certificate" style="text-align:center;display:none;">
<img src="imgflo_topleft.png" id=img1 />
<img src="imgflo_bottomleft.png" id=img2 />
<img src="imgflo_topright.png" id=img3 />
<img src="imgflo_bottomright.png" id=img4 />

//OTHER texts will go here but it should not interfere with the images
    </div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#certificate {
    width: 900px;
    margin: 0px auto;
    border: 2px dotted red;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}
Run Code Online (Sandbox Code Playgroud)

要放在DIV每个角落的图像:

图像放置没有每个角落

结果: 结果

html css

1
推荐指数
1
解决办法
5635
查看次数

标签 统计

css ×1

html ×1