gpt4 book ai didi

css - 对齐文本后使用哪种样式显示图像

转载 作者:行者123 更新时间:2023-11-28 16:48:29 24 4
gpt4 key购买 nike

<div class="caption_title_line"><h2 id="yui_3_17_2_2_1443674848657_279">
Clivuam tinc <img src="http://192.168.1.123/mth/moodle29/theme/newtheme/images/border-img.png" alt=""></h2>
</div>

我想像下面的链接图像一样显示文本和图像。 http://s9.postimg.org/arc6wpzan/test.png

最佳答案

你可以这样使用-

*{margin: 0;padding: 0;}
body{background: #333;}

h2 {
color: #fff;
padding: 10px;
position: relative;
}
h2:after{
background:#fff;
content: "";
height: 3px;
margin-left: 10px;
position: absolute;
top: 25px;
width: 100px;
}



/*h2:after{
content: ""; This if you want to use the image
height: 2px;
margin-left: 10px;
position: absolute;
top: 25px;
width: 100px;
background: url(line.png);
}*/
<div class="caption_title_line">
<h2 id="yui_3_17_2_2_1443674848657_279">
Clivuam tinc
</h2>
</div>

关于css - 对齐文本后使用哪种样式显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32879848/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com