【html给段落添加边框】HTML内边框样式

！DOCTYPE html

Html

头(电影)

meta charset=' utf-8 '

标题/标题

样式类型='文本/CSS '

.box1{

Width: 300px

海特： 300px

background-color : red；

/*左边框*/

/*左边框宽度*/

border-left-width 3360 10px；

/*左边框颜色*/

border-left-color : blue；

/*左边框样式*/

border-left-style : solid；

/*右边框*/

border-right-width 3360 10px；

Border-right-color :蓝色；

border-right-style : solid；

/*上边框*/

border-top-width 3360 10px；

border-top-color : blue；

border-top-style 3360 solid；

/*下边框*/

border-bottom-width 3360 10px；

border-bottom-color : blue；

border-bottom-style : solid；

}

.box2{

Width: 300px

海特： 300px

background-color : yellow；

/*边框有三个属性

边框宽度border-width

宽度值以px单位表示，尺寸为

边框颜色border-color

可以使用所有学习过的html中的颜色

边框样式border-style

边框样式值：solid实线(通常需要英文单词solid手写)

Dotted虚线

Double双实线

Dashed虚线

*/

/*设置边框宽度

从一个值到四个方向的边框宽度相同

两个值，上、下、左、右

三个值，上、下、上、下

四个值，上、右、下、左

*/

border-width : 10 px 30 px 50 px 70 px:

border-color : # f 00 # 0 f 0 # 00 f # 000；

border-style : solid dotted double dashed；

}

.box3{

Width: 200px

海特： 200px

/*边框的缩写*/

Border: 10px solid # 012345

}

/style

/head

菩提

Div类='框1 '

盒子1

/div

Div类=“框2”

盒子2

/div

Div类='框3 '

盒子3

/div

/body

/html

图：