最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS初级教程 边框
时间:2022-07-02 12:41:23 编辑:袖梨 来源:一聚教程网
边框可以应用到在主体元素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像素宽的全局设置)。
关于盒模型
相关文章
- 共鸣之心信物效果介绍及选择推荐 10-15
- 对决剑之川传说武器摇光星刃获取方法 10-15
- 《敢达决战》新机亮相 哈帕斯贝杰斧矛或将成为战场新主宰 10-15
- 发条总动员庆典商店优先兑换物品 10-15
- 华夏千秋虾蟹钓取方法及垂钓点位置 10-15
- 洛克王国世界库多西怎么抓-库多西捕捉攻略 10-15