css样式 向下补白,div+css[3]:css中边框border与补白padding属性设置
1.边框属性 border
□
边框样式
border-style:none|dotted|dashed|solid|......
none:没有边框.
dotted点线 dashed虚线 solid实线.....等等
边框样式也可以像padding一样,用4个值分别定义上下右左4个边框样式.
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
以上可以简写成为:(顺序为钟面原则:上右下左)
border-style:dotted solid dotted
solid;
若上下值相同\左右值相同,则又可以简化成为
border-style:dotted solid;
□ 边框宽度
border-width:medium|thin|thick|长度值
medium:
默认值 thin:比默认值细 thick:比默认值粗 长度值:
边框宽度也可以像padding一样,用4个值分别定义上下右左4个边框宽度,各不相同.
border-top-width:10px;
border-right-width:5px;
border-bottom-width:10px;
border-left-width:5px;
以上可以简写成为:(须序为钟面原则:上右下左)
border-width:10px 5px 10px 5px;
若上下值相同与左右值相同,则又可以简化成为
border-width:10px 5px;
□ 边框颜色
border-color:颜色值;
border-top-clolr:#cccccc;
border-right-clolr:#999999;
border-bottom-clolr:#cccccc;
border-left-clolr:#999999;
以上可以简写成为:(须序为钟面原则:上右下左)
border-color:#cccccc #999999 #cccccc #999999;
若上下值相同与左右值相同,则又可以简化成为
border-color:#cccccc #999999;
□ 边框的综合定义
border:border-style border-width
border-color;
其中,每个属性的顺序可以随意交换,每个属性之间用空格分隔.
border:#999999
10px solid;
该样式定义了边框颜色为淡灰色,边框宽度为10px,边框样式为实线.
□ 单侧边框的综合定义
border-top:border-style border-width
border-color;
border-right:border-style border-width border-color;
border-bottom:border-style border-width
border-color;
border-left:border-style border-width
border-color;
2.补白属性 padding
padding:长度值|百分比 (百分比一般不建议用)
padding-top:20px;
padding-right:10px;
padding-bottom:20px;
padding-left:10px;
以上可简写成为:(顺序为钟面原则:上右下左)
padding:20px 10px
20px 10px;
如果上与下同值,右与左则值,则又可以简写成为:
padding:20px 10px;
如果左边值未设,则默认为与右边相同,若两边都没设,则默认为0.上下值设置相同.
css样式 向下补白,div+css[3]:css中边框border与补白padding属性设置相关推荐
- CSS过滤器无法生效,IE8不透明度/过滤器css样式不起作用(IE8 opacity/filter css style not working)...
IE8不透明度/过滤器css样式不起作用(IE8 opacity/filter css style not working) 我有以下风格: .LinkActionButtonDisabled { c ...
- css样式 向下补白,DIVCSSpadding内补白(内边距)leftrighttopbottom_html/css_WEB-ITnose
DIV CSS padding内补白(内边距)left right top bottom语法应用案例教程 Padding是比较常用CSS样式,可以利用padding内边距设置上.下.左.右对象内容与四 ...
- css样式 向下补白,CSS尺寸与补白属性-----margin和padding
margin margin:[ | | auto ]{1,4} 为元素设置所有四个方向(上右下左)的外边距 auto:水平(默认)书写模式下,vertical-margin计算值为0,horizon ...
- html不用css超链接去掉下划线,div css之去掉a超链接下划线样式
一.去掉字体下划线装饰CSS属性格式代码 text- 解释: CSS下划线格式单词:text- 不闪现下划线(去掉字体下划线花色):none 二.网页重构前初始化去掉超链接下划线 由于有的浏览器默认情 ...
- css样式 向下补白,CSS尺寸与补白
尺寸与补白 width 语法: width:长度值 | 百分比 | auto 默认值:auto 适用于:除非置换内联元素,table-row, table-row-group之外的所有元素 继承性:无 ...
- CSS样式(三) - div盒子
CSS样式 - 盒子 CSS 框模型 (Box Model) 规定了元素框处理元素内容.内边距.边框 和 外边距 的方式 元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的背景内 ...
- CSS如何动态下拉div盒子、移动div盒子和展开div盒子
前言:css是层叠样式表,是一种用于网页设计的语言,它可以为HTML和XML文档添加样式和布局.我们通过css可以控制文本的颜色.字体大小.字体间距等等.css是强大的工具,它可以使我们的网页更加的美 ...
- easyui修改css样式,修改easyui的easyloader的默认css目录路径
easyloader默认情况下会使用js文件所在目录下的themes文件夹中的css,这里改成项目自定义的css文件夹. 首先找到: var m=src.match(/easyloader\.js(\ ...
- html表单页面css样式代码,前端html表单与css样式(示例代码)
1,from标签 from标签的功能是向服务器传输数据,实现用户交互的重要标签. from标签的具体使用: input标签使用示例: 姓名: 用户名: 密码: 爱好:骑车游戏电影 男女 第一句:act ...
最新文章
- 详解 Cookie 纪要(vue.cookie,jquery.cookie简化)
- Docker 二进制安装docker
- 配置快捷键让Total Commander跳转到某个目录
- 特斯拉再回应自燃事件:正在权威部门主导下进行调查 暂未有初步结论
- html中logo不变形,CSS3如何实现LOGO中的文本变形动画
- 美景听听Ai语音导游,助力华为荣耀PLAY手机发布
- PLSql不用安装Oracle客户端,实现远程连接
- CSS类名及常用属性总结
- Transformer-M:一个能理解2D和3D分子的Transformer
- Pytorch 中的 forward理解
- VMware三种网络模式配置详解。
- 新创公司如何建立优质的工程师到职流程
- 论单片机IO引脚驱动能力的提高
- Word导入与发送、一键生成PPT文案
- ffmpeg nvenc编码
- 开源GIS技术讨论,欢迎加群
- socket通信相关函数
- C语言的if语句!!!
- 观《史记·项羽本纪》有感
- linux 内存显示多少g,Linux以GB显示内存大小