2_常用样式-border

　　CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性,是复合属性。

　　　　-默认值为：medium none。border-color的默认值将采用文本颜色。
　　　　-要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

示例：

border-width: 10px;
border-style: solid;
border-color: rgb(9, 158, 106);
border-color: #aaccce;

多值写法示例：

border-width: 5px 10px 20px;
border-style: solid dashed;
border-color: red blue yellow green; border-left-width: 20px;border-right-style: dashed;border-top-color: blue;

两个值：上下左右
三个值：上左右下
四个值：上右下左

复合写法示例：

border: 5px solid red;border-bottom: 5px solid red;

　　　　另外，在同一个元素中，两条相交的边框，相交的地方是斜边，所以我们可以以此特性制作一个三角形；

width: 0;
height: 0;
border-top: solid #000;
border-left: solid transparent;（透明）
border-right: solid transparent;
border-width: 50px;

转载于:https://www.cnblogs.com/chosen-man/p/6682549.html

2_常用样式-border相关推荐

html常用样式margin、border怎么使用
html常用样式margin.border怎么使用一.总结一句话总结:1.margin:auto配合width才能居中:2.border的三个属性依次是边框宽度,边框样式,边框颜色 1.html中 ...
Qt样式表之二：QSS语法及常用样式
一.简述 Qt样式表(以下统称QSS)的术语和语法规则几乎和CSS相同.如果你熟悉CSS,可以快速浏览以下内容.不熟悉的话可以先去W3School - CSS或者本人的CSS博客随笔简单了解一下. 在 ...
CSS常用样式及示例
CSS常用样式及示例一.简介层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式 ...
CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. ...
1-2 CSS常用样式笔记
文章目录 CSS常用样式字体属性文本属性盒模型属性宽度width 高度height 内边距padding 边框border 外边距margin 盒模型拓展应用清除默认样式高度height应 ...
[总结]CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. ...
css常用样式（文字样式、边框样式、背景样式）
CSS常用样式 CSS常用文字样式 color: brown; /*文字颜色*/ /*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数, 一般情 ...
手把手带你打造自己的UI样式库（第三章）之常用样式组件的设计与开发
常用样式组件的设计与开发 Search搜索框样式的设计与开发搜索组件的需求搜索框的功能比较简单,最基本的就是输入和提交两个逻辑.但是我们这个搜索框要额外的加一些细节,输入框分为输入状态和非输入状态 ...
Day-1 HTML基本标签和CSS常用样式
实训打卡第一天,学的不错,淦-----哈哈哈 HTML基本标签基本标签:前端页面超链接的使用:字体的颜色和字体的大小.形式:还有就是页面图片.音频和视频的导入. <!DOCTYPE html& ...

2_常用样式-border

2_常用样式-border相关推荐

最新文章

热门文章