多语言展示
当前在线:643今日阅读:39今日分享:10

如何掌握CSS 轮廓技巧

CSS 轮廓位于元素的外框的外围,它在网页编辑中起到重要的作用,我们常常可以运用这样的工具让元素有着更为美观的视觉效果。
工具/原料

dreamweaver

方法/步骤
1

让元素的周围多上一条美丽的方框就是这个CSS轮廓工具可以做到的。

2

轮廓本身也是一个样式丰富的元素,我们可以为它赋值为各种的颜色。

3

在同一个style当中也可以让轮廓有着多种不同的样式表现。

4

轮廓也是一个有精细大小的元素。它可以被赋值。

5

CSS 框模型。我们要了解元素与框之间的关系就要通过透视图去彻底的分析一下。outline/margin/border/padding/element

6

我们要精确的放置元素就必须定义好它的四个边的内边距。h1 {  padding-top: 10px;  padding-right: 0.25em;  padding-bottom: 2ex;  padding-left: 20%;  }

推荐信息