CSS之边框

border：边框（写法:厚度样式颜色）

border-width:边框厚度

border-style:边框样式（

　　　　none：无轮廓

　　　　dashed：虚线轮廓

　　　　solid：实线轮廓

　　　　double：双线轮廓

　　　　groove：3D凹槽轮廓

　　　　ridge：3D凸槽轮廓

　　　　inset：3D凹边轮廓

　　　　outset：3D凸边轮廓

　　）

border-color：边框颜色

border-top：上边框（用法同border）

border-top-width：上边框厚度（用法同border-width）

border-top-style：上边框样式（用法同border-style）

border-top-color：上边框颜色（用法同border-color）

border-right：右边框（用法同border）

border-right-width：右边框厚度（用法同border-width）

border-right-style：右边框样式（用法同border-style）

border-right-color：右边框颜色（用法同border-color）

border-bottom：下边框（用法同border）

border-bottom-width：下边框厚度（用法同border-width）

border-bottom-style：下边框样式（用法同border-style）

border-bottom-color：下边框颜色（用法同border-color）

border-left：左边框（用法同border）

border-left-width：左边框厚度（用法同border-width）

border-left-style：左边框样式（用法同border-style）

border-left-color：左边框颜色（用法同border-color）

时间： 2024-07-30 17:55:52

CSS之边框的相关文章

DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程

DIV CSS虚线教程篇包括讲解常常出现的各种样式的DIV虚线案例CSS教程. 本节为大家介绍常见的CSS 虚线及DIV教程.CSS虚线下划线.列表虚线统统搞定. 目录 CSS虚线边框 CSS超链接虚线下划线列表型CSS虚线下划线 CSS定义一条水平虚线 1.CSS边框虚线 - TOP 这里通过边框属性的虚线边框border控制虚线.以下设置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示其它意思.一.四边为虚线边框border

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揭秘]边框内圆角

技巧:通过一个DIV标签实现边框内圆角效果背景知识:box-shadow, outline, "多重边框" 补充说明:博客园的编辑器把我写的border-radius属性给删掉了,所以看到的页面效果里没有圆角. 实现效果:一个容器的边框或者描边的四个角,在内部是有圆角的,而在外部依然保持直角的形状. 实现思路一:通过两个DIV嵌套可以实现 .outer{ background: #655; padding: 0.8rem; } .inner{ background: tan; bor

CSS透明边框

作为初学者的我们,对css中半透明颜色的设置的了解大概只有rgba(),hsla()也是其中的一种方法.在实际中,他们应用于背景的原因有一下几点: 1,早期的开发者没有意识到这些新属性就是类似#ff0066和orange的色彩,而是将他们看作是图片,所以仅用于背景; 2,位背景提供降级方案比其他属性简单; 3,在边框这些属性上使用半透明颜色并不简单. 我们一般设置边框的第一步: border:10px solid hsla(0,0%,100%,.5); background:white; 按常理

纯css圆角边框

第一章.基本的圆角框原创:冰极峰转载请注明出处 2009年11月30日10:19:34 文章导航: 第一章:基本的圆角框第二章:透明圆角化背景图片第三章:圆角化图片第四章:CSS圆角框组件 V1.0 序言:在我的文章<超圆滑圆角框的半完美解决方案>中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案.而在我的另一篇文章<无图片山顶角>中又是一个另类的实现方法. 纯CSS实现圆角框是一件大家都说烂了的事件,我也写过两篇总结文章,为什么还会

div+css中边框不听话的解决办法

在学习div+css布局过程中,碰到边框不听话的问题.就是我的样式表里是没有指定margin,boder等属性,预期效果应该是左列,中列,右列三个div紧密结合,占据一整行.预期结果如下然而实际效果如下如图所示,在"中列"的四周出现了一下白边.代码如下 <style type="text/css">#left4{ width:200px; height:200px; background-color:#09F; border:2px solid #

CSS之边框属性

border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式. border-style:dotted solid double dashed; border-style的属性方位有四个分别为上.右.下.左,那么相对应border-style的dotted solid double dashed分别表示为上边框是点状.右边框点线.下边框双线和左边框虚线,当我们只定义一个属性的时候则边框为这一种属性.若边框的样式为none或hidden,否则边框不会出现. border-

HTML,CSS 无边框桌面窗口

1. [图片] htmlui.jpg ?2. [代码]下面源码复制到快手(WWW.AAU.CN)中运行即可 import win.ui;/*DSG{{*/var winform = ..win.form( bottom=399;text="HTMLayout - 无边框窗口";border="none";right=599 )winform.add( )/*}}*/ import win.util.round;win.util.round(winform,

使用CSS设置边框和beijing

一.设置边框 1.边框样式属性说明 border-width 设置边框的宽度 boder-style 设置边框的样式 border-color 设置边框的颜色 a.border-width属性自定义边框的宽度时,不能定义为百分比. b.border-style属性以上属性可以设置一个.二个.三个.四个属性值,当设置一个值得时候四条边框都应用该属性值,当设置两个的时候时候上下使用第一个属性值,左右使用第二个属性值,当设置三个值的时候,第一个值应用在上边框,第二个应用到左右边框,第三个属性值

css学习----边框属性

CSS 边框属性参考手册:http://www.runoob.com/css3/css3-borders.html 边框属性有三个 border-radius--------------------------处理边框圆角 box-shadow----------------------------处理边框阴影 border-image--------------------------在使用图片创建边框: border-radius:length(或者百分比)---简写统一设置四个角每个半