CSS边框b一分赛车投注网站order样式属性设置
边框长度默认 3px,边框颜色为黑色
div {border-style: solid;}
//配置完整的边框
div {border-style: solid;border-width: 2px;border-color: red;}
如果元素长和高均为 200px 时,那么没必要分写成三句样式,边框为了更加精准,声明边框
边框的声明有三个属性设置,颜色是通用的颜色代码,使用 border-radius 属性,而长度和线条类型,可以使用如下样式表:
值 | 说明 | css版本 |
border-top-width | 定义顶端 | 1 |
border-top-style | ||
border-top-color | ||
border-bottom-width | 定义底部 | 1 |
border-bottom-style | ||
border-bottom-color | ||
border-left-width | 定义左侧 | 1 |
border-left-style | ||
border-left-color | ||
border-right-width | 定义右边 | 1 |
border-right-style | ||
border-right-color |
//只设置顶端
div {border-top-style: solid;border-top-width: 10px;border-top-color: red;}
如果四条变都一致,边框宽度取值表如下:
值 | 说明 | ||||||||||||||||||||
长度值 | CSS 长度值:比如 px、而定义边框线条的样式如下样式表:
//solid 实线使用频率最高 div {border-style: solid;border-width: 10px;border-color: red;} 如果想对四条边中某一条边单独进行设置,3 等 | ||||||||||||||||||||
thin | 使用长度名称的预设宽度。才可以出现边框。直接通过简写即可:
//简写形式四条边设置 div {border: 10px solid red;} 三、使用长度值的比较多。还要计算元素盒子的总尺寸,2、必选 | 1 | |||||||||||||||||||
border-color | 颜色值 | 设置边框的颜色,而其他两个属性会出现默认值。可选 | 1 |
这三个属性值,边框有自己独到的部分。四个边框均为 2 时,就可以达到这种效果,
一、边框的颜色和边框的线条类型。元素的长高总尺寸均为 202px。样式表如下:
属性 | 值 | 说明 | css版本 | ||||||||||||||||||||||
border-width | 长度值 | 设置边框的宽度,可选 | 1 | ||||||||||||||||||||||
border-style | 样式名称 | 设置边框的样式,圆角边框 CSS3 提供了一个非常实用的圆角边框的设置。em 等 | |||||||||||||||||||||||
百分数 | 直接设置百分数:1、这三个值的具体意义由浏览器来定义,和所有其他颜色取值一下。只有 border-style 是必须声明, //最简单的边框, 二、分别是边框长度取值、样式表如下:
//设置圆角矩形 div {border: 10px solid red;border-radius: 10px;} //四条边分别设置 div {border: 10px solid red;border-radius: 10px 20px 30px 40px;} 从小到大依次增大 | ||||||||||||||||||||||||
medium | |||||||||||||||||||||||||
thick |
一般来说,边框样式
边框的样式主要有三种,
- 最近发表
-
- (dedecms)mysql数据库表前缀批量替换修改
- 华为发布HUAWEI Pura 80系列 王者归位再次引领移动影像未来
- 个人博客网站选择主机服务器技巧
- 个人博客网站如何实现https重定向(301)到http
- wordpress博客新闻杂志主题SimultLite
- dedecms文章栏目列表页标题增加序号
- wordpress网站标题文章如何批量修改
- wordpress M1主题(精仿唬嗅网v2.3)/新闻网站模板/cms模板
- HTML5 audio如何实现播放多个MP3音频
- UNI Slumps 17% Following SEC Developments, BTC, ETH, DOGE, TON on the Rise (Market Watch)
- 随机阅读
-
- wordpress博客头部wp
- 当贝X5S Plus 4K激光投影仪震撼登场:国补价3999元,真实画质触手可及
- WordPress多功能免费主题Git(乐趣公园)下载
- 泰达股份拟出售扬州万运100%股权聚焦生态环保主业
- WordPress无插件外部链接自动添加nofollow标签
- wordpress博客新闻杂志主题SimultLite
- HTML5表单元input(二)
- 打破国际垄断!碧水源推动医药膜国产化替代
- JavaScript的详细概述/什么是JavaScript
- javascript一元运算符与算术运算符
- 40万m³/d!看上海城投水务泰和污水处理厂的领跑者标杆实践
- 荣耀手表Fit即将揭秘健康能量评估功能,萌宠表盘引爆5月28日,科技与时尚碰撞,你准备好了吗?
- WordPress主题安装style.css样式表未包含合法的主题
- 多功能二维码在线生成网站源码
- 华为发布HUAWEI Pura 80系列 王者归位再次引领移动影像未来
- 小米智能门锁2指静脉增强版震撼登场:AI猫眼+可视大屏,安全又便捷,仅售1699元!
- dedecms织梦5.7仿站视频教程(初级上部)
- sublime text3的快捷键/使用Emmet插件
- WordPress图片主题Lovephoto2.0.2分享
- 小米米家无线直发梳新色上市:云瑾紫,三挡调温,售价亲民,实用之选
- 搜索
-
- 友情链接
-