热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

css设置边框的属性有哪些

设置边框的属性:border、border-color、border-style、border-width、border-image、border-radius、border-bottom、border-left、border-top等。

设置边框的属性:border、border-color、border-style、border-width、border-image、border-radius、border-bottom、border-left、border-top等。

css 边框属性

属性描述CSS
border复合属性。设置对象边框的特性。1
border-bottom复合属性。设置对象底部边框的特性。1
border-bottom-color设置或检索对象的底部边框颜色。1
border-bottom-style设置或检索对象的底部边框样式。1
border-bottom-width设置或检索对象的底部边框宽度。1
border-color置或检索对象的边框颜色。1
border-left复合属性。设置对象左边边框的特性。1
border-left-color设置或检索对象的左边边框颜色。1
border-left-style设置或检索对象的左边边框样式。1
border-left-width设置或检索对象的左边边框宽度。1
border-right复合属性。设置对象右边边框的特性。1
border-right-color设置或检索对象的右边边框颜色。1
border-right-style设置或检索对象的右边边框样式。1
border-right-width设置或检索对象的右边边框宽度。1
border-style设置或检索对象的边框样式。1
border-top复合属性。设置对象顶部边框的特性。1
border-top-color设置或检索对象的顶部边框颜色1
border-top-style设置或检索对象的顶部边框样式。1
border-top-width设置或检索对象的顶部边框宽度。1
border-width设置或检索对象的边框宽度。1
border-bottom-left-radius设置或检索对象的左下角圆角边框。提供2个参数,2个参数以空格分隔,每个参数允许设置1个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数3
border-bottom-right-radius设置或检索对象的右下角圆角边框。3
border-image设置或检索对象的边框样式使用图像来填充。3
border-image-outset规定边框图像超过边框的量。3
border-image-repeat规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rounded)。3
border-image-slice规定图像边框的向内偏移。3
border-image-source规定要使用的图像,代替 border-style 属性中设置的边框样式。3
border-image-width规定图像边框的宽度。3
border-radius设置或检索对象使用圆角边框。3
border-top-left-radius定义左上角边框的形状。3
border-top-right-radius定义右上角边框的形状。3
box-shadow向方框添加一个或多个阴影。3

(学习视频分享:css视频教程)

以上就是css设置边框的属性有哪些的详细内容,更多请关注其它相关文章!


推荐阅读
  • 例子如Table表有性别字段,1代表男2代表女、3代表中性、还有没填就代表未说明selectid,decode(sex,'1','男', ... [详细]
  • 接口测试的方式有很多,比如可以用工具(jmeter,postman)之类,也可以自己写代码进行接口测试,工具的使用相对来说都比较简单,重点是要搞清楚项目接口的协议是什么,然后有针对 ... [详细]
  • 《每个设计师都应该掌握的50个css代码段》11~20段
    2019独角兽企业重金招聘Python工程师标准11.胶卷边框img.polaroid{background:#000;*Changethistoabackgroundima ... [详细]
  • 读书这件事
    没事晒下自己的借书清单。60多本了,不知道自己一本子能读多少本?可惜的就是没写读书笔记,都是一些泛读。图书馆要 ... [详细]
  • phpstorm使用和配置技巧
    1.使用phpstorm的过程中,有时光标不小心变成了方块状,怎么修复回来呢?见下图,去掉“Useblockcare ... [详细]
  • CSS盒子/框模型
    CSS盒子模型(BoxModel)所有HTML元素可以看做盒子,在CSS中,boxmodel这一术语是用来设计和布局时 ... [详细]
  • 1.黄金法则(Goldenrule)不管有多少人参与同一个项目,一定要确保每一行代码都像是同一个人编写的。Everylineofcodeshouldappeartob ... [详细]
  • vector:在vc6中,如果要镶嵌使用vector,如vector,后面的两个应该用,空格隔开,否则被编译器认为是移位符string::npos的值为 ... [详细]
  • Spark 贝叶斯分类算法
    一、贝叶斯定理数学基础我们都知道条件概率的数学公式形式为即B发生的条件下A发生的概率等于A和B同时发生的概率除以B发生的概率。根据此公式变换,得到贝叶斯公式:即贝叶斯定律是关于随机 ... [详细]
  • 安全3AAuthentication:认证Authorzation:授权Accouting|Audition:审计用户管理用户:UID:0,不一定是root,root的uid非0时 ... [详细]
  • 吴恩达“机器学习”——学习笔记二
    定义一些名词欠拟合(underfitting):数据中的某些成分未被捕获到,比如拟合结果是二次函数,结果才只拟合出了一次函数。过拟合(overfitting):使用过量的特征集合, ... [详细]
  • ARToolKitunity
    ARToolKit为开源的AR库,相对于高通和easyAr有几点特点:1)开源2)识别项目可以动态添加(详细在后)3)识别文件可以本地生成4)目前只能识别图片(目前为.jpg格式) ... [详细]
  • Java工作流引擎关于数据加密流程(MD5数据加密防篡改)
    关键字:驰骋工作流程快速开发平台工作流程管理系统工作流引擎asp.net工作流引擎java工作流引擎.开发者表单拖拽式表单工作流系统流程数据加密md5数据保密流程数据防篡改软加密适 ... [详细]
  • 来自Google的前端工程师-PhilipWalton分享了本身关于怎样成为优异的工程师的一些看法。个人感觉很有代价,所以翻译成中文,轻易人人浏览。程度有限,如翻译不妥的地方请在批 ... [详细]
  • 【实践】基于RTThread的智慧路灯案例实验分享
    之前分享了基于LiteOS的智慧农业案例实验分享基于LiteOS的智慧农业案例实验分享,阅读量挺不错,看样子大家都挺喜欢这种实验。那咱们就再来一个类似的实验:基于RT-Thread ... [详细]
author-avatar
最美的你
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有