CSS之边框

建议学习时长: 15分钟
学习方式:了解

学习目标

  • 知道边框的写法

详细介绍

边框有如下属性

  • border-width
  • border-style
  • border-color
  • border
  • border-image
  • border-radius

写法如:

border: 2px solid #f00;

box-shadow 和 border-radius 配合,可以做内圆角

background: tan;
border-radius: .8em;
padding: 1em;
box-shadow: 0 0 0 .6em #655;
outline: .6em solid #655;

border-radius

用 border-radius 做的各种形状好玩的按钮, 见[BonBon:Sweet CSS3 Buttons](http://simurai.com/
archive/buttons)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,663评论 0 7
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,344评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,810评论 0 2
  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,715评论 0 8
  • 【日精进打卡第17天】: 姓名:余成杰 公司:贞观电器 盛和塾《六项精进》224期学员 【知-学习】 《六项精进》...
    余成杰阅读 105评论 0 0