如何将文本添加到边框中？
如何将文本添加到边框中？
提问于 2015-01-07 15:37:59
我试图把我的文字在我的边界内，我添加了一个图像。我将添加更多的文本，并希望它出现在我的边界，因为我正在写它。任何帮助都将不胜感激。谢谢!
li {
list-style-type: none;
display: inline-block;
font-size: 20px;
letter-spacing: 4px;
width: 150px;
}
.main-nav a {
text-decoration: none;
}
.main-nav {
border-bottom: 2px solid black;
border-top: 2px solid black;
}
a:link {
color: #008B00;
}
a:visited {
color: #008B00;
}
p {
font-size: 20px;
}
#main-border {
text-align: center;
}
.searchbutton {
font-size: 20px;
}<div id="main-border">
<p>Hi! My name is Marika and I am excited to join the school soon!</p>
<img src="../desktop/background.gif" alt "border" height="500px" width="550px">
</div>
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-01-07 15:45:11
我不明白你的问题，但我想这就是你想要的：
<div id="main-border">
<p>Hi! My name is Marika and I am excited to join the school soon!</p>
</div>
#main-border {
text-align: center;
background : url(../desktop/background.gif);
background-size : 100% 100%;
min-height : 500px;
min-width : 500px;
}Stack Overflow用户
发布于 2015-01-07 15:52:35
是像这样吗？很明显你喜欢的风格
var place=document.getElementById('txtplace');
function add_text(txt){
place.innerHTML=txt;
}#txtplace{background-color:grey;opacity:0.8;font-size:150%;position:absolute;top:100px;left:50px;}<input type="text" id="text_to_add" onkeyup="add_text(this.value);"/>
<span id="txtplace"></span>
<img src="http://lorempixel.com/600/600" id="background">
Stack Overflow用户
发布于 2015-01-07 15:53:09
我相信这就是你想要达到的目标(虽然，不是一张小猫的照片，而是你的形象)
.THIS {
background-image: url(http://placekitten.com/g/500/500);
background-repeat: no-repeat;
height:500px;
width:500px;
}<div id="main-border">
<p class="THIS">Hi! My name is Marika and I am excited to join the school soon!</p>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27822999
复制相关文章
相似问题
腾讯云开发者
