Question

对此的任何帮助都将受到高度赞赏。如何在整个网站周围添加边框？我刚刚开始学习HTML和CSS，但我还没有发现如何做到这一点。在我的网站上写的文字太广了，我希望它看起来更整洁，就像这个一样。 http://www.millcreekconstruction.biz/

我只是欣赏一个代码来复制和粘贴，看它确实有效，然后我可以编辑样式和颜色。我根本不知道HTML和CSS代码的确切内容和位置。我认为HTML不合适了＃34; title＆＃34;以及身体内部边界的CSS - 但我尝试过的任何东西都没有。

以下是我网站html的第一部分：

<!DOCTYPE html>
<html lang="en-US" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<script>(function(html){html.className = html.className.replace(/\bno- 
js\b/,'js')})(document.documentElement);</script>
<title>It &#8211; Built with SitePad</title>
<link rel="alternate" type="application/rss+xml" title="It &raquo; Feed" 
href="feed/" />
<link rel="alternate" type="application/rss+xml" title="It &raquo; Comments 
Feed" href="comments/feed/" />


<link rel='stylesheet' id='this-style-css'  href='css/style.css' 
type='text/css' media='all' />
<link rel='stylesheet' id='sitemush-fonts-css'  
href='https://fonts.googleapis.com/css? 


    <style type="text/css">.recentcomments a{display:inline 
!important;padding:0 !important;margin:0 !important;}</style>
    </head>

<body class="home page page-id-6 page-template-default">
<div id="page" class="site container-fluid">
<div class="site-inner">

Answer 1

问题有点含糊不清，但我猜你要么试图在整个页面或其内容周围放置边框。

第一个很简单：

＆＃13;

#overlay {
  position: fixed;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  outline: 4px solid black;
}

＆＃13;

<div id="overlay"></div>

＆＃13;

您可以修改现在设置为4px的值，也可以更改颜色和线型（dashed，dotted等）。

第二种选择更简单：

＆＃13;

#page {
  /* IDK if you have already applied the styles to position it, but I assume you have */
  outline: 2px solid black;
}

＆＃13;

<div id="page">
  <p>Your content, whatever it is</p>
</div>

＆＃13;

同样，您可以编辑线宽，颜色和类型。

另一个想法，因为我发现你可能正在使用Bootstrap（因为我是一个向导而完全不是因为我已经注意到你使用了container-fluid类），一个更好的选择可能是只需使用card并将您的网站内容放入其中

为网站添加边框 - 尝试了一切，但无法正确使用

1 个答案: