1.border样式：单一样式

2.border样式：复合样式

border: 粗细类型颜色；

3.border方向

4.代码演示

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>div{width: 300px;height: 300px;/*单一样式*/border-color: red;border-width: 4px;border-style: solid;/*复合样式*/border: 4px solid red;}</style></head><body><div></div></body>
</html>

边框方向：以top为例

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>div{width: 300px;height: 300px;/*单一样式*/border-top-color: red;border-top-width: 4px;border-top-style: solid;/*复合样式*/border-top: 4px solid red;}</style></head><body><div></div></body>
</html>

一天搞定CSS：边框border--02相关推荐

CSS自学教程--一天搞定CSS（终篇总结）
虽然说是一天搞定CSS,实际上也没有那么简单.只能说让你快速了解常见的CSS知识,解决基本的页面样式布局和设置. 每个独立的CSS知识点都比较简单,但是它们的应用非常灵活,特别是在综合应用中. 粗略说 ...
精通CSS与HTML设计模式第一章（轻松搞定CSS）
精通CSS与HTML设计模式第一章(轻松搞定CSS) 精通CSS与HTML设计模式第二章(HTML设计模式) 精通CSS与HTML设计模式第三章(CSS选择符与继承) 精通CSS与HTML设计模 ...
sass笔记-1|Sass是如何帮你又快又好地搞定CSS的
Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,这些搜索引擎会告诉你,我们从sass的作用开始讲起,知道sass用来干什么,有什么作用,我们才能相信用sass的好处,并且时时刻刻想着sa ...
css边框(border)属性
border属性代码如下: border:边框宽度边框风格边框颜色; 如:border:5px solid #555; 属性: (1)边框宽度: border-width:5px; (2)边框颜 ...
一天搞定CSS：盒模型content、padding、border、margin--06
1.盒模型网页设计中常听的属性名:内容(content).填充(padding).边框(border).边界(margin), CSS盒子模式都具备这些属性.这些属性我们可以用日常生活中的常见事物- ...
3、CSS 边框border
元素的边框 (border) 是围绕元素内容和内边距的一条或多条线. CSS border 属性允许你规定元素边框的样式.宽度和颜色. CSS边框属性允许你指定一个元素边框的样式和颜色. CSS 边框 ...
一文搞定CSS（附思维导图下载）
文章目录思维导图知识点概要一.CSS选择的艺术 CSS基础语法 CSS选择器类选择器 id选择器群组选择器全局选择器后代选择器伪类 CSS继承与层叠样式表 CSS选择器优先级 CSS命 ...
html中边框与边框距离,css边框border与margin属性
CSS边框属性: border不能分别定义4个边框的宽度,颜色和样式,只能统一定义,不可以对四个边设置不同的值,和margin与padding是不同的(后两者可以分别定义四个边的值). border- ...
一篇搞定css基础（超详细，附代码）
第一章:css概述 1.1.css的简介 1)什么是CSS css中文名称叫层叠样式表,层叠为css的布局,表示布局方式是通过一层层来实现的:样式是布局层的显示效果,主要是通过css提供的一些属性和属 ...

一天搞定CSS：边框border--02

1.border样式：单一样式

2.border样式：复合样式

3.border方向

4.代码演示

一天搞定CSS：边框border--02相关推荐

最新文章

热门文章