我想在WordPress主页上的单词之间插入一个绿色的正方形。我写了html:
<div class="x"><center><p
style="border:10px; border.
style:solid;
border-color:#00ff00; padding:
0.0em; width: 2px; height:
2px;">
</p></center></div>
笔:https://codepen.io/adsler/pen/koxzpw
网站:http://4309.co.uk
我可以访问和编辑的每个其他页面,但对于主页而不是相同。
在这里你去。
转到您的外观,自定义,添加''''''',然后添加HTML代码。如果要添加CSS,则需要转到 ->外观 ->其他CSS
祝您有美好的一天!奥斯汀
它将工作
<div class="x"><center><p >Write Something<span style="border:10px; border-style:solid; border-color:#00ff00; padding: 0.0em; width: 2px; height: 2px;"></span> New</p></center></div>
笔:https://codepen.io/shakil-shaikh/pen/xvxdex
3divs。除以顶部,分别为两个,而底部为三个。如果您需要更多的解释,我可以详细说明。
检查下面。
box"一个"将是文本一步的地方,"中心"是您的样式形状的位置,而" box2"是第二个文本的弦。
到达计算机时,我会看看是否可以编写完整的代码供您使用。
<div id=box1></>
<div id=center></>
<div id=box2></>
这是您想完成的吗?
<!doctype html>
<head>
<meta char="utf-8">
<title>box test</title>
<style>
#content {
margin:25px auto;
}
#text-1 {
border:#000000 2px solid;
width:20%;
height:20%;
margin-bottom:10px;
}
#shape {
border:#000000 2px solid;
width:20%;
height:20%;
}
#text-3 {
border:#000000 2px solid;
width:20%;
height:20%;
margin-top:10px;
}
</style>
</head>
<body>
<div id=content>
<div id=text-1>text one</div>
<div id=shape>shape</div>
<div id=text-3>text two</div>
</div>
</body>
<html>
这有效吗?位置属性使您可以将DIV放置在网站上的任何位置。请记住,该属性允许堆叠。只需使用左/右/顶/底部属性。
#container {
width:1000px;
}
#x {
position:absolute;
top:0px;
left:0px;
background-color:blue;
}
#center {
position:absolute;
top:0px;
left:150px;
}
#y {
position:absolute;
top:0px;
left:300px;
background-color:#ffff00;
}
<div id="container">
<div id="x">Write something</div>
<div id="center">middle</div>
<div id="y">New</div>
</div>