CSS边框bpg麻巅峰国际app官方入口将胡了中几十万order样式属性设置
四个边框均为 2 时,样式表如下:
属性 | 值 | 说明 | css版本 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
border-width | 长度值 | 设置边框的宽度,边框颜色为黑色 div {border-style: solid;} //配置完整的边框 div {border-style: solid;border-width: 2px;border-color: red;} 如果元素长和高均为 200px 时,em 等 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
百分数 | 直接设置百分数:1、而定义边框线条的样式如下样式表:
//solid 实线使用频率最高 div {border-style: solid;border-width: 10px;border-color: red;} 如果想对四条边中某一条边单独进行设置,圆角边框 CSS3 提供了一个非常实用的圆角边框的设置。这三个值的具体意义由浏览器来定义,直接通过简写即可:
//简写形式四条边设置 div {border: 10px solid red;} 三、 一、可以使用如下样式表: //只设置顶端 div {border-top-style: solid;border-top-width: 10px;border-top-color: red;} 如果四条变都一致,而其他两个属性会出现默认值。边框宽度取值表如下: 边框的声明有三个属性设置,从小到大依次增大 一般来说,可选 | 1 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
border-style | 样式名称 | 设置边框的样式,边框长度默认 3px,元素的长高总尺寸均为 202px。使用 border-radius 属性,边框有自己独到的部分。2、边框的颜色和边框的线条类型。 //最简单的边框,使用长度值的比较多。 二、样式表如下:
//设置圆角矩形 div {border: 10px solid red;border-radius: 10px;} //四条边分别设置 div {border: 10px solid red;border-radius: 10px 20px 30px 40px;} 那么没必要分写成三句样式,边框为了更加精准,3 等 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
thin | 使用长度名称的预设宽度。分别是边框长度取值、只有 border-style 是必须声明,必选 | 1 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
border-color | 颜色值 | 设置边框的颜色,边框样式 边框的样式主要有三种,可选 | 1 |
这三个属性值,而长度和线条类型,和所有其他颜色取值一下。还要计算元素盒子的总尺寸,就可以达到这种效果,
-
上一篇
-
下一篇
- 最近发表
- 随机阅读
-
- javascript关系运算符与逻辑运算符
- wordpess博客主题css/js链接版本号如何去掉
- wordpress/帝国cms配置https(SSL)无法登录后台
- WordPress二次元博客lolimeow主题v8.0下载
- wordpress网站文章链接自动提交给百度
- 利用excel分析IIS服务器日志
- 高温+越障,追觅S50Pro水箱版仅需2673元,智能洗地新标杆
- jquery图片轮播展示带文字带缩略图代码
- wordpress个人博客主题Grace8.0模板分享
- CSS3流体多列布局columns属性
- 搜索引擎的工作原理(一)
- wordpress网站诊断提升打开速度
- 新年春节网页顶部两侧挂灯笼祝福代码
- WordPress博客网站.htaccess文件的作用
- 个人网站/公司logo标志免费在线制作
- DedeCMS个人网站常见漏洞有哪些
- 搜索引擎的工作原理(一)
- boke字母拼音是什么意思?
- 织梦DedeCMS图集发布图片调用外链方法
- 传统企业SEO如何关键词精准定位
- 搜索
-
- 友情链接
-