给元素添加边框

CSS边框属性允许你指定一个元素边框的样式和颜色, 和边框宽度。
可以使用 border 属性将边框样式,颜色,和宽度一起设置。
如果不设置其中的某个值，也不会出问题，比如 border: solid #ff0000; 也是允许的。

使用border-style属性设置边框样式

边框样式属性指定要显示什么样的边界。除了在 border 属性里面设置边框样式，还可以使用border-style属性来定义边框的样式。

使用border-style属性将图片边框样式为虚线边框。

使用border-color属性设置边框颜色

border-color属性用于设置边框的颜色。可以设置的颜色：
● name - 指定颜色的名称，如 “red”
● RGB - 指定 RGB 值, 如 “rgb(255,0,0)”
● Hex - 指定16进制值, 如 “#ff0000”
你还可以设置边框的颜色为 “transparent”(继承父亲)。
注意： border-color单独使用是不起作用的，必须得先使用border-style来设置边框样式。

使用border-width属性设置边框宽度

你可以通过 border-width 属性为边框指定宽度。为边框指定宽度有两种方法：
①可以指定长度值，比如 2px，
②使用关键字 thick 、medium（默认值）和 thin。
注意：
①CSS 没有定义 3 个关键字的具体宽度，
②所以一个用户可能把 thick 、medium 和 thin 分别设置为等于 5px、3px 和 2px，
③而另一个用户则分别设置为 3px、2px 和 1px。

使用border-radius属性设置圆角边框

border-radius 属性允许你为元素添加圆角边框。

CSS给元素添加边框（样式、颜色、宽度）相关推荐

php表格所有边框实线,css表格怎么添加边框样式？css表格边框样式总结（附完整实例）...
本篇文章主要讲述的就是关于css表格添加边框样式,这里还有关于css表格边框样式的总结,还有css表格边框的完整实例.接下来就让我们一起来看这篇文章吧首先我们先看看如何利用css来给表格添加边框: ...
html+在ul中加边框,为元素添加边框，你有多少种好办法？
本文作者:IMWeb 莫卓颖未经同意,禁止转载背景相信大家在做项目的过程中会经常遇到这样的一个需求,鼠标hover到某个元素的时候为这个元素添加边框,这个简单的需求仅需注意添加边框后不会对原有的 ...
HTML5 CSS控制Table内外边框、颜色、大小示例
联系人:石虎 QQ:1224614774 昵称: 嗡嘛呢叭咪哄 QQ群:807236138 群称: iOS 技术交流学习群 ...
CSS控制Table内外边框、颜色、大小示例
在默认的情况下,我们的CSS将Table的边框清除掉了,下面与大家分享下CSS控制Table内外边框.颜色.大小的样式,想学习的朋友可以参考下其实按照常理来说,现在的网站应该早已经抛弃什么表格了,现 ...
零基础CSS入门教程(13)–边框样式
点此查看所有教程.项目.源码导航本文目录 1. 前言 2. 边框的样式 3. 边框宽度 4. 边框颜色 5. 简写属性 6. 单独设定各边样式 7. 小结 1. 前言边框是使用频率很高的样式,图 ...
html 最小边框宽度,css如何让div边框不占宽度？
HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度呢? 我们做网站时可以添加边框box-sizing属性:让边框不 ...
php修改table样式,CSS怎么设置table边框样式
今天和大家说一下CSS如何设置table表格边框样式,对table设置CSS样式边框分为4种情况,以下分别详细讲解这四种情况需要怎么处理. 1.只对table设置边框 2.对td设置边框 3.对tab ...
html怎么能把div宽度占满,css如何让div边框不占宽度？
HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度呢? 我们做网站时可以添加边框box-sizing属性:让边框不 ...
css为元素添加样式,JQuery如何为元素添加样式
为定义好的css样式可以调用元素的css方法添加样式复制代码代码示例: $("span").css("css属性名","属性值") 如 ...

CSS给元素添加边框（样式、颜色、宽度）