问答详情
源自：12-9 画个圈圈 - 使用border为盒子添加边框（一）

盒模型 边框

讲p标签设置边框样式。代码如下

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>边框</title>

<style type="text/css">

p{border:2px dotted #ccc;}

</style>

</head>

<body>

    <h1>勇气</h1>

    <p>三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>   

</body>



我画下划线加粗了的那一行代码为什么必须要用dotted 因为前面讲解的时候 说设置边框样式 我就根据那个写的代码：p{border:2px color:red}因为没有显示出来 所以想问问为什么

提问者：刘Loyal_3550469 2016-07-22 11:16

个回答

  • 慕仔3664579
    2016-07-22 11:59:12
    已采纳

    border是这个块的边框，有三种样式，即实线（solid）、虚线（dashed）以及点线（dotted），你的代码没加样式，自然就没有显示啦

    0
  • 阳火锅
    2017-11-15 13:57:50

    重新温习一下大姐

    0
  • 迁变
    2016-07-22 13:49:37

    dotted代表：点划线，是一种样式，不写进去当然没有啊。

    你写的格式不对

    应该这样：

    p{
border-width:2px;
border-color:red;
}

    或者

    p{border:2px red;}

    代码结尾要用分号

    1
  • 阿发的同学3688905
    2016-07-22 12:32:00

    p{border:2px;color:red;}


    0
  • 沐玮
    2016-07-22 11:37:05

    首先 border是有样式的，实线，虚线，点线，三者必须设置一个，其次，还是建议遵循例子  {border:大小 样式 颜色；}或者分开写{border：大小；border：样式；border：颜色；}

    0
  • qq_博观约取_03626566
    2016-07-22 11:28:17

    red后面没有分号

    0
  • Soaplin
    2016-07-22 11:23:57

    你red后面的分号呢？

    0