CSS基础教程:Borders 边框

小森森569

小森森569

2016-02-19 13:39

下面图老师小编要向大家介绍下CSS基础教程:Borders 边框,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!
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(后面的属性覆盖了前面)。
展开更多 50%)
分享

猜你喜欢

CSS基础教程:Borders 边框

Web开发
CSS基础教程:Borders 边框

CSS基础教程:CSS的应用

Web开发
CSS基础教程:CSS的应用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS基础教程:CSS的color颜色

Web开发
CSS基础教程:CSS的color颜色

CSS基础教程:CSS的Text 文本

Web开发
CSS基础教程:CSS的Text 文本

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS基础教程:CSS中的定位(position)

Web开发
CSS基础教程:CSS中的定位(position)

CSS基础教程:CSS网页布局Page Layout

Web开发
CSS基础教程:CSS网页布局Page Layout

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

QQ语音邮件开通

QQ语音邮件开通

在Word2010文档中创建包含函数的公式

在Word2010文档中创建包含函数的公式
下拉加载更多内容 ↓