Question

所以我想在css中为网站制作一个简单的边框：

    html{
    border-top:3em solid #26282B;

}

我想在其上面加上一些白色文字，我该怎么做？我尝试上课，但它总是出现在边界之下。

Answer 1

您可以将文本放在span或div中设置类名，并使用left，top，right，bottom，修复位置，如下所示：例如class =“example”

.example {
  position:absolute;
  left: 5px;
  top: 50px;
}

在其他地方，这可能会对您有所帮助：http://www.w3schools.com/tags/tag_legend.asp

Answer 2

你不能在边框中制作任何文字。使用div或其他内容。

以下是示例：

<html>
<head>
  <style>
      body{margin:0;padding:0;}
      .someclass {
          width:100%;
          height:3em;
          background-color:#26282B;
          color:white;
      }
  </style>
</head>
<body>
    <div class='someclass'>
        Sometext Here
    </div>
</body>
</html>

Answer 3

你不能在边界上写东西 - 技术上是的，但是出于所有目的，不，你不能。

因此，如果你想要一个短的黑暗背景上的文字，你可以写下这样的东西：

在你的HTML中：

<div>My suppa text</div>

在你的CSS中：

div {
  background: #26282B;
  color: #fff;
}

<div>这里是你<body>内的第一个元素，它之前还有一个边距，这是因为浏览器的默认样式。

你可以通过这样做来摆脱它，在你的CSS：

html, body {
  margin-top: 0;
  padding-top: 0;
}

现在我建议您阅读CSS resets。

Answer 4

这个怎么样：

<!DOCTYPE html>
<html>
<head>
<style>
#container {
    border: 10px solid;
    padding: 5px;
}

#title {
    float: left;
    padding: 0 5px;
    margin: -20px 0 0 30px;
    background: #fff;
}
</style>
</head>
<body>
    <div id="container">
        <div id="title">Border title</div>
        <p>Some content...</p>
    </div>
</body>
</html>

Answer 5

是的，你可以。

将此添加到您的样式中：

-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;

用css将文本放在边框上？

5 个答案: