展会信息港展会大全

CSS初级教程 边框
来源:互联网   发布日期:2016-03-25 16:35:57   浏览:2304次  

导读:边框可以应用到在主体元素body中的绝大部分HTML元素中。创建一个包围着元素的边框,你所需要的是边框样式border-style。它们的值可以是solid、dotted、dashed、...

边框可以应用到在主体元素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像素宽的全局设置)。

关于盒模型

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港