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



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

最新更新