课时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但是企业开发中并不常用这个方法

本文转载于:猿2048▶https://www.mk2048.com/blog/blog.php?id=jkbcbkj&title=课时105.边框属性下（掌握）

课时105.边框属性下（掌握）相关推荐

课时66.颜色控制属性下（理解）
今天来讲解十六进制控制属性的方法,其实用十六进制表示的方式本质就是rgb,只不过它们的格式不一样而已,十六进制中是通过每两位表示一种颜色的方式来给颜色赋值. 如 #FF0000 FF----r 00- ...
css属性基础以及wxss——居中，渐变色边框，圆角边框，横向布局，重叠div，div固定在底部，input的无边框显示下划线
text-align: center;--子item居中对齐 display: flex;--子item横向布局 -webkit-justify-content: center;--子item居中 m ...
课时106.边框练习（理解）
让我们做出来如下的样式: 1.首先看下有几个边框,就做几个div,用简单方法div.box$*6 tab键 2.然后给它们设置宽高 3.然后依此来做边框第一个:有四种方法,第一种最简单第二个:有 ...
前端：CSS/10/伪类选择器，CSS列表属性，CSS边框属性，CSS内边距属性，CSS背景属性
CSS伪类选择器:给超链接加的样式(链接的不同状态加样式) 一个超链接,有四个状态: 正常状态(:link):鼠标没放上去之前的样式: 放上状态(:hover):鼠标放到链接上时的样式: 激活状态(: ...
Html中的边框弧边,CSS边框属性一---border-radius
1.CSS outline 属性 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. p { outline:#00FF00 dotted thick; } ...
CSS的border边框属性边框样式内外边框圆角合集
CSS border 属性允许指定元素边框的样式.宽度和颜色. 目录 1.四个边框 2.内外边框 3.边框样式 4.圆角边框 1.border边框属性可以设置一到四个值(上边框,右边框,下边框,左边 ...
CSS-12.css边框属性（border）
在盒子模型中我们通常会给盒子设置边框属性,使之完成某些功能和样式我们会使用css中的border属性来设置边框一般会通过连写来设置border,他下面还有width,style,color的属性, ...
html文本的背景,HTML---CSS字体,文本,背景和边框属性
css字体属性 font-family 规定元素的字体系列 font-size 设置字体的尺寸 font-style 设置字体的风格 font-weight 设置字体的粗细 color 设置字体的颜色 ...
html表格制作10*10,练就HTML降龙十八掌-[10-表格属性-下]
[练就HTML降龙十八掌] 10-表格属性-下第一时间查看更新请关注微信公众号"August精彩编程". 上一篇:HTML表格属性-上 10.1-上一章节我们了解了HTML表格的 ...

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

课时105.边框属性下（掌握）相关推荐

最新文章

热门文章