Question

由于某种原因，我似乎在网页的这一部分周围没有边框。

.col-md-10 {
background-color: red;
border-radius: 25px;
border-color: gold;
border-width: 20px;

}

边框没有显示。为什么？如果需要，这是HTML文件的一部分。该网站不允许我发布整个内容，因为它随后显示“看起来您的帖子主要是代码；请添加更多详细信息。”

    <!DOCTYPE html>
<html lang ="en-us">
<head>
  <meta charset="UTF-8">
  <title>About Me</title>
  <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="christmas.css">

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script src="https://cdn.jsdelivr.net/momentjs/2.12.0/moment.min.js"></script>

 <script src = "portfolio.js"></script>

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>

    @font-face {
    font-family: Kunstler Script;
    src: url(kunstler.ttf);
}

  #content {
    display: none;
  }

    #time {
      font-weight: bold;
    }

@media only screen and (max-width: 768px) {

  img{
    height: 150px;
  }


  /*Why isn't google developer tools responding to the change I made?*/
  /*Okay, evidently I've got a lot to learn about responsive design.*/
}
</style>

</head>

<body onload = "showStuff(), startSlideshow(), dateNTime(), holidayCheck(), bunnyHop()">


<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="index.html">Dennis Markham</a>
    </div>
    <ul class="nav navbar-nav">
      <li class = "active"><a href="index.html">About Me</a></li>
      <li><a href="portfolio.html">Portfolio</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
    <a class = "holiday" href = "#" style="float:right;" onclick = "holiday();">Turn on holiday mode?</a>
  </div>
</nav>

<div id = "content">

<div class ="row">
<div class = "col-md-1"></div>
<div class = "col-md-10">
<img id = "me" src = "images/me1.jpg" alt="my face"></img><h1>About Me</h1><p>Good <span id = "time">afternoon</span> 
  (yes, I know what time it is), sir or madam.  My name is Dennis Markham.  I am <span id = "age">28</span> years old, and a recent graduate of the University
  of Texas Austin Coding Bootcamp.  I also graduated with Certificate in Web Development from Norwalk Community College.  
  I recieved a Bachelor of Science Degree in Psychology from the <a href = "https://uconn.edu/">University of Connecticut</a>.  I am currently
  an instructor for <a href = "https://www.codingwithkids.com/#!/"> Coding With Kids</a>.
  I am looking for a job in web development, preferably front end.  I am particularly fluent in HTML, CSS, Javascript, and 
  JQuery, but also have experience in AngularJS, Node.js, Java, AJAX, SQL, PHP, ES5, ES6, Mongo, Mongoose, and React, as well as substantial 
  experience with softwares/websites such as Sublime, Netbeans, GitBash, GitHub, and SQL Workbench.</p> 
  <p>Signed,</p>
<span style = "font-family: French Script MT; font-size: 3em;">Dennis E. Markham</span> 
</div>
<div class = "col-md-1"></div>
</div>

Answer 1

编辑：缺少边框样式，可以使用以下方法解决此问题：

.col-md-10 {
background-color: red;
border-radius: 25px;
border-color: gold;
border-width: 20px;
border-style: solid;
}

或

.col-md-10 {
 border: 20px solid gold;

无法在此.col-md-10上放置CSS边框

1 个答案: