盒模型边框-慕课网

首页课程实战体系课手记专栏慕课教程

盒模型边框

来源：12-9 画个圈圈 - 使用border为盒子添加边框（一）

刘Loyal_3550469

2016-07-22 11:16

讲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}因为没有显示出来所以想问问为什么

写回答关注

7回答

慕仔3664579

2016-07-22 11:59:12

已采纳

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

0 0
阳火锅

2017-11-15 13:57:50

重新温习一下大姐

0 0
迁变

2016-07-22 13:49:37
dotted代表：点划线，是一种样式，不写进去当然没有啊。
你写的格式不对
应该这样：
```
p{
border-width:2px;
border-color:red;
}
```
或者
```
p{border:2px red;}
```
代码结尾要用分号
0 1
阿发的同学3688905

2016-07-22 12:32:00
```
p{border:2px;color:red;}
```
0 0
沐玮

2016-07-22 11:37:05

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

0 0
qq_博观约取_03626566

2016-07-22 11:28:17

red后面没有分号

0 0
Soaplin

2016-07-22 11:23:57

你red后面的分号呢？

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

相似问题

盒子模型——边框问题

回答 2

盒模型边框的位置

回答 1

盒子模型单独设置边框

回答 4

盒模型边界

回答 2

盒模型-边界

回答 1

打开慕课网App查看更多内容