深山工作室

深山工作室 >

CSS初级教程 边框

边框可以应用到在主体元素body中的绝大部分HTML元素中。

创建一个包围着元素的边框,你所需要的是边框样式border-style。它们的值可以是 solid、dotted、dashed、double、groove、ridge、 inset和outset。(你有必要每个值都试一试,看看效果如何译者注)
边框宽度border-width为边框设置宽度,通常用像素来表示。当然,还可以单独设置四个方向的边框属性,它们是border-top-width、border-right-width、 border-bottom-width和border-left-width。
最后,边框颜色border-color设置颜色。
为下面的CSS文档添加如下代码:
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}

这将会使所有的HTML二级标题(h2)产生红色的破折号(dashed)边框,上下各3像素宽,左右则各10像素宽(取代了3像素宽的全局设置)。

前一页:CSS教程:CSS伪类属性
后一页:主流web2.0网站的配色参考方案
相关阅读
jquery实现下拉加载更多
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app按钮button利用css伪类after去除灰色边框
fiddler抓包在内容的SyntaxView窗口里面是乱码
Html中的Frame详解
利用javascript仿的漂亮的flash效果的菜单
可移动的弹出层
web2.0 舒服的颜色
更多>>DIV+CSS相关信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
更多>>最新添加
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法