最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

html边框设置

来源:动视网 责编:小OO 时间:2025-10-02 03:26:29
文档

html边框设置

4边框设置一、marginmargin属性用于设置边界边框,默认情况下margin属性没有继承性。1margin-top指定顶部空白margin-top:30pt;2margin-right指定右端空白margin-right:2%;3margin-bottom指定底部空白margin-bottom:auto;4margin-left指定左端空白margin-left:0;注:auto-->自动指定0-->表示没有空白,为默认值%-->表示相对于父级空白的百分比示例4.1本例设置p标签左侧缩进
推荐度:
导读4边框设置一、marginmargin属性用于设置边界边框,默认情况下margin属性没有继承性。1margin-top指定顶部空白margin-top:30pt;2margin-right指定右端空白margin-right:2%;3margin-bottom指定底部空白margin-bottom:auto;4margin-left指定左端空白margin-left:0;注:auto-->自动指定0-->表示没有空白,为默认值%-->表示相对于父级空白的百分比示例4.1本例设置p标签左侧缩进
4 边框设置

一、margin

margin属性用于设置边界边框,默认情况下margin属性没有继承性。

1 margin-top 指定顶部空白 margin-top:30pt;

2 margin-right 指定右端空白 margin-right:2%;

3 margin-bottom 指定底部空白 margin-bottom:auto;

4 margin-left 指定左端空白 margin-left:0;

注:auto-->自动指定

0-->表示没有空白,为默认值

%-->表示相对于父级空白的百分比

示例4.1

本例设置p标签左侧缩进50px

s1.htm

示例4.2

本例对p标签的四个边界设置了空白

s2.htm

示例4.3

本例对p标记的顶和左边界进行了设置

s3.htm

二、border

border属性用于设置边框样式,颜色,空白缩进等。

1 border-left 设置左边框 

2 border-right 设置右边框 

3 border-bottom 设置底边框 

4 border-top 设置顶边框 

5 border-color 设置边框颜色 

6 border-style 设置边框风格 

(1)none 忽略边框 

(2)hidden 隐藏边框 

(3)dotted 边框使用点滑线 

(4)dashed 边框使用短线 

(5)solid 边框使用实线 

(6)double 边框使用双实线 

(7)groove 边框使用三维凹线 

(8)ridge 边框使用三维凸线 

(9)inset 边框使用内三维线,结合背景构造凹陷按钮 

(10)outset 边框使用外三维线,结合背景构造凸出按钮 

(11)inherit 从父级继承 

7 border-width 设置边框宽度 

()medium 默认中等宽度 

()thin 比默认略窄 

()thick 比默认略宽 

()inherit 从父级继承

注:只有设置了style属性才可以设置width。

示例4.4

本例对p标记设置了实线边框

s4.htm

示例4.5

本例对p标记的四个边框分别设置

s5.htm

示例4.6

s6.htm

文档

html边框设置

4边框设置一、marginmargin属性用于设置边界边框,默认情况下margin属性没有继承性。1margin-top指定顶部空白margin-top:30pt;2margin-right指定右端空白margin-right:2%;3margin-bottom指定底部空白margin-bottom:auto;4margin-left指定左端空白margin-left:0;注:auto-->自动指定0-->表示没有空白,为默认值%-->表示相对于父级空白的百分比示例4.1本例设置p标签左侧缩进
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top