0

在我的博客页面上，我有一些表格文本，上面写着“订阅阅读器”。我希望这与上面的“通过电子邮件订阅：”的文本具有相同的重量/字体/大小/等，我还想添加一条水平线来分隔表单的这两个部分。

http://jeffreydowellphotography.com/blog/ [代码]

<p><a Style="padding-left: 13px;" href="feeds.feedburner.com/Blog-JeffreyDowellPhotography"; rel="alternate" type="application/rss+xml"><img src="//feedburner.google.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a>&nbsp;<a href="feeds.feedburner.com/Blog-JeffreyDowellPhotography"; rel="alternate" type="application/rss+xml">Subscribe in a reader</a></p>
4

1 回答 1

1

对于字体问题，给你的<a>标签一个id或class然后使用 CSS 设置样式。这是一个例子：

HTML

<a href="..." rel="alternate" type="application/rss+xml" id="rss_link">
  Subscribe in a reader
</a>

CSS

#rss_link {
  font-weight: 700;
}

为了添加边框，您还需要为包含 RSS 链接的元素提供和id或，然后使用以下命令应用边框：class<p>

HTML

<p id="my_border">
  <a style="padding-left: 13px;" href="..." rel="alternate" type="application/rss+xml">
    <img src="..." alt="" style="vertical-align:middle;border:0">
  </a>&nbsp;
  <a href="..." rel="alternate" type="application/rss+xml">
    Subscribe in a reader
  </a>
</p>

CSS

#my_border {
  border-top: 1px solid #000000;
}

更新

要定位“在阅读器中订阅”文本，请使用以下命令：

.sqs-block-content p a {
  font-weight: 700;
}

要添加边框，请使用以下命令：

.sqs-block-content form {
  border-bottom: 1px solid #000000;
}

现在，我不知道 HTML 的其余部分在其他页面上是什么样的，并且由于这些是类，其他元素可能会受到上述 CSS 的影响。留意任何不必要的变化...

于 2013-08-05T19:44:36.753 回答