课时105.边框属性下（掌握）

2.3连写（分别设置四条边的边框）

border-width:上   右  下  左;

border-style:上   右  下  左;

border-color:上   右  下  左;

注意点：

1.这三个属性的取值是按顺时针来赋值的

也就是按照上右下左来赋值，而不是按照日常生活中的上下左右

2.这三个属性的取值省略时的规律

2.1上  右  下  左 > 上  右  下>左边的取值和右边的一样

上  右  下  左 > 上  右>左边的取值和右边的一样  下边的和上边的一样

上  右  下  左 > 上>右下左和上边的一样

3.非连写(方向+要素)

border-left-width

border-left-style

border-left-color

以此类推，再将left换为bottom，right，top但是企业开发中并不常用这个方法

原文地址：https://www.cnblogs.com/luckyshuangshuang/p/9179299.html

时间： 2024-07-31 21:06:01

课时105.边框属性下（掌握）的相关文章

CSS border边框属性教程(color style)

CSS 边框即CSS border-border边框样式颜色.边框样式.边框宽度的语法结构与应用案例教程篇 一.CSS 边框基础知识 CSS 边框即CSS border是控制对象的边框边线宽度.颜色.虚线.实线等样式CSS属性.同时大家可以进入码农教程提供CSS手册查看border手册:http://www.manongjc.com/cssref/pr_border.html 二.Html原始边框与DIV+CSS边框对照 Html表格控制边框:border="1" bordercolo

css边框属性

border 在一个声明中设置所有的边框属性: border-bottom 在一个声明中设置所有的下边框属性: border-bottom-color 设置下边框的颜色: border-bottom-style 设置下边框的样式: border-bottom-width 设置下边框的宽度: border-color 设置四条边框的颜色: border-left 在一个声明中设置所有的左边框属性: border-left-style 设置左边框的样式了: border-left-width 设置左

css使用到的边框属性

border 在一个声明中设置所有的边框属性. border-bottom 在一个声明中设置所有的下边框属性. border-bottom-color 设置下边框的颜色. border-bottom-style 设置下边框的样式. border-bottom-width 设置下边框的宽度. border-color 设置四条边框的颜色.border-left 在一个声明中设置所有的左边框属性. border-left-color 设置左边框的颜色. border-left-style 设置左边框

CSS .css边框属性（border）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>边框属性</title> <style> /*.box{ height: 100px; width: 100px; background-color: #3385ff; border-top:1px double #000; border-rig

HTML 事件属性(下)

HTML 事件属性(下) 一:键盘事件 (Keyboard Events)二:鼠标事件 (Mouse Events) 一:键盘事件 (Keyboard Events)在下列元素中无效:base.bdo.br.frame.frameset.head.html.iframe.meta.param.script.style 以及 title 元素.属性 值 描述 onkeydown 脚本 当键盘被按下时执行脚本 onkeypress 脚本 当键盘被按下后又松开时执行脚本 onkeyup 脚本 当键盘被

[2016-01-17][CSS][边框属性]

border 简写属性在一个声明设置所有的边框属性.可以按顺序设置如下属性:  border-width 规定边框的宽度. thin 定义细的边框. medium 默认.定义中等的边框. thick 定义粗的边框. length 允许您自定义边框的宽度. inherit 规定应该从父元素继承边框宽度. border-style 规定边框的样式. 值 描述 none 定义无边框. hidden 与 "none" 相同.不过应用于表时除外,对于表,hidden 用于解决边框冲突. dott

css3设置边框属性

css设置边框属性:设置边框圆角 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div.border1{ border: 3px solid blue;/*边框大小 实心线 蓝色*/ padding :10px 40px;/* 上下边距 左右边距*/ bac

Css3之基础-3 Css 尺寸单位、尺寸属性与边框属性

一.CSS 单位 尺寸单位 - %  : 百分比 - in : 英寸 - cm : 厘米 - mm : 毫米 - pt : 磅(1pt等于1/72英寸) - px : 像素(计算机屏幕上的一个点) - em : 1em等于当前的字体尺寸,2em等于当前字体尺寸的两倍 颜色单位 - rgb(x,x,x)   : RGB 值,如 rgb(255,0,0) - rgb(x%,x%,x%): RGB 百分比值,如 rgb(100%,0%,0%) - #rrggbb:十六进制数,如 #ff0000 - #

storyboard或者Xib给View设置边框属性(颜色，宽度，圆角)

纯代码设置Button或者其他View的边框属性 例: UIView* view = [[UIView alloc]init]; view.layer.borderWidth = 2.0; view.layer.masksToBounds = YES; view.layer.cornerRadius = 5.0; view.layer.borderColor = [UIColorredColor].CGColor; 以下提供自定义控件的时候,使用Xib,或者用sb来进行布局,那么这时候怎么来使用