如何为水平滚动条的以下html代码设置字体大小和字体系列?
我的水平滚动条有以下HTML代码。我能够输入文本,但不知道如何更改字体大小和字体系列:如何为水平滚动条的以下html代码设置字体大小和字体系列?,html,css,Html,Css,我的水平滚动条有以下HTML代码。我能够输入文本,但不知道如何更改字体大小和字体系列: @code我最终改变了水平卷轴的结构,是的,我只是将生成的图像用作占位符。以下是我的观点: <div id="left_upper2"> <div class="links_body1"> <div class="items"> <div class="scroll"><span5&g
@code我最终改变了水平卷轴的结构,是的,我只是将生成的图像用作占位符。以下是我的观点:
<div id="left_upper2">
<div class="links_body1">
<div class="items">
<div class="scroll"><span5><img src="images.png" /></span5><span4><br />content</span4></div>
<div class="scroll"><span7><img src="images.png" /></span7><span6><br />content</span6></div>
<div class="scroll"><span5><img src="images.png" /></span5><span4><br />content</span4></div>
</div>
</div>
</div>
如果将“干净”url(例如)粘贴到浏览器中,可以看到正确的文本大小——它会将您重定向到实际为图像服务的内容,并列出所有参数;具体来说,您需要txtsize
参数。不过,字体系列似乎没有
您需要编辑哪些元素?鉴于这些信息,我无法对这个问题做出正面或负面的解释。在你开始学习之前,请澄清这个问题downvotes@Efog抱歉,我想编辑标记的文本组件。@Sai抱歉,我想编辑标记的文本组件。这是一种占位符服务,在您获得真实内容之前,它会临时生成一些内容来填充站点中的空间。它允许您在等待实际内容的同时构建站点。为什么要担心生成图像时使用的字体?无论如何,你都会替换它,不是吗???我也想要这个!它使我的文本太小。还有另一个名为place-hold.it的服务,它需要一个字体大小参数,但其余的语法没有那么漂亮。。。
.scroll {
background-color: white;
width: 300px;
height: 100px;
float: left;
line-height: 19px;
}
.scroll span4 {
color: black;
font-size: 14px;
}
.scroll span5 {
width: 100px;
height: 100px;
display: inline-block;
float: left;
background-color: #d6d6d6;
}
.scroll span6 {
color: black;
font-size: 14px;
}
.scroll span7 {
width: 100px;
height: 100px;
display: inline-block;
float: left;
background-color: #00274c;
}
.scroll img {
height: 50px;
text-align: left;
margin-top: 25px;
text-align: center;
}
.items {
width: 1200px;
-webkit-animation: hscroll 20s infinite;
-moz-animation: hscroll 20s infinite;
-ms-animation: hscroll 20s infinite;
}
@-webkit-keyframes hscroll {
0% { margin-left: 0; }
27.33% { margin-left: 0 }
33.33% { margin-left: -300px; }
60.66% { margin-left: -300px; }
66.66% { margin-left: -600px; }
94.99% { margin-left: -600px; }
100% { margin-left: 0 }
}
@-webkit-keyframes hscroll {
0% { margin-left: 0; }
27.33% { margin-left: 0 }
33.33% { margin-left: -300px; }
60.66% { margin-left: -300px; }
66.66% { margin-left: -600px; }
94.99% { margin-left: -600px; }
100% { margin-left: 0 }
}
@-webkit-keyframes hscroll {
0% { margin-left: 0; }
27.33% { margin-left: 0 }
33.33% { margin-left: -300px; }
60.66% { margin-left: -300px; }
66.66% { margin-left: -600px; }
94.99% { margin-left: -600px; }
100% { margin-left: 0 }
}
.links_body1 {
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-left: 0px;
width: 300px;
height: 100px;
padding: 0;
background-color: white;
position: relative;
overflow: hidden;
text-align: center;
}