需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：。
<div style="margin-top: 30pxwidth: 200pxheight:80pxborder: 1px solid blue">
<div style="background-color: whiteposition: absoluteleft: 30pxtop: 15px">文字</div>
</div>
3、浏览器运行index.html页面，此时实现了边框角落开口显示文字。
这个很简单，我来教你：<body>
<p>提问百度知道</p>
</body>
<style>
p{ font-size:16pxline-height:2background:url(...你要加的图片) no-repeat left centerbackground-size:16pxpadding-left:20%} //'padding-left:20%'这个值是不固定的，看你图片多大
</style>
如有疑问可以追问我，望采纳
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）