Question

我想在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

我可以访问和编辑的其他页面上，但主页上却不一样。

Answer 1

可以了

<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

Answer 2

3格。第一格为顶部，第二格为正方形，第三格为底部。如果您需要更多解释，我可以详细说明。

Answer 3

在下面检查。

第一个文本框将位于框“ one”，您将对几何形状进行样式化的位置是“ center”，第二个文本字符串将位于框“ box2”的位置。

进入计算机后，我将查看是否可以写出完整的代码供您使用。

<div id=box1></>
<div id=center></>
<div id=box2></>

Answer 4

这是您要完成的事情吗？

<!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>

Answer 5

这有效吗？ position属性可让您将div放置在网站上的任何位置。请记住，该属性允许堆叠。只需使用left / right / top / bottom属性。

#call

#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;
}

Answer 6

你在这里。

转到外观，进行自定义，添加“文本小部件”，然后添加html代码。如果要添加CSS，则需要转到->外观->其他CSS

祝您有美好的一天！奥斯丁

如何在WordPress主页中插入图像或几何形状

6 个答案: