CSS基础教程:Borders 边框

2016-02-19 13:39 2 1 收藏

下面图老师小编要向大家介绍下CSS基础教程:Borders 边框,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

CSS Borders 边框

  边框可以运用到body里的大部分HTML元素。 
  制作一个元素的边框,你需要border-style边框样式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具体样式大家可以实际下。
  border-width设定宽度,通常使用pixels即单位是px,同样有四边属性:border-top-width, border-right-width, border-bottom-width and border-left-width。
  border-color设定边框颜色。
  例子

h2 {
    border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;
}
  设定红色样式为dashed的边框,上下边框宽度为3px,而左右为10px(后面的属性覆盖了前面)。

来源:https://www.tulaoshi.com/n/20160219/1604902.html

延伸阅读
标签: Web开发
C S S 的 声 明 方 式 这章节将开始为您介绍CSS的应用。当然一开始要介绍的是如何去建立个样式表 (Style Sheets),包括了声明的方式和应用在网页上的方法,最後还会为您概述一下CSS的一些特性。概略来说,CSS的声明有三种方式: 一、基本声明:最典型的CSS声明方式。 element {property: value} 用中文来...
标签: Web开发
在讲挑选者的特性之前,要提一下的是CSS继承的特性。所谓的继承的特性是指被包在内部的标签将拥有外部标签的样式性质。继承的特性最典型的应用通常发挥在预设整份网页的样式,而要指定为其它样式的部份再依要设定在个别元素里即可。这项特性可以提供网页设计者更理想的发挥空间。 接下来就要讲挑选者特性的应用!其实这部份应该算...
标签: Web开发
如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。 图1 盒模型图解 填充、边框和边界都分为“上右下左”四个方向...
标签: Web开发
本 章 C S S 的 主 要 作 用 在前面的章节介绍完了声明与应用的方法及 一些特性之後,从这章开始,便要正式进入CSS的指令介绍了!本章有两个介绍的主 题,第一个部份介绍的是颜色与背景性质的CSS,其主要的作用在于设定元素的前景 颜色、背景颜色与背景图形等样式设定的性质;而第二部份为您介绍的是用于控制摆放 ...
标签: Web开发
关 於 C S S 的 概 论 CSS是『Cascading Style Sheets』的简称,中文翻为「串接样式表」,也有人只翻为「样式表」。CSS用以作为网页的排版与风格设计,在所谓的「新式网页」里 ,CSS不容置疑是相当重要的一环。CSS是以既有的基础,用以弥补既存HTML 规格里的不足,也让网页的设计更为灵活。 这份教学...

经验教程

130

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部