Foundation 面板是一个灰色边框，内容含有内边距的模块。可以使用 .panel 类来创建:

实例

<div class="panel">

<h3>标题</h3>

<p>文本内容..</p>

</div>

面板颜色

使用 .callout 类将面板颜色修改为浅蓝：

圆角边框的绘制是Web页面和Web应用程序中经常用来美化页面效果的手法之一。今天，小海前端（头条号）为大家介绍CSS3提供的可以将矩形变为圆角矩形的一个属性

承接文章：利用CSS3制作信纸背景，巧妙使用新增的背景属性，样式变得更有趣

这几日，随着小白对HTML5认识的提升，他自己没事浏览网页的时候总会注意一些特殊的展示效果，让他印象最深刻的一个效果就是用户头像了，一个矩形的图片怎么就显示成圆形了呢？一上午没想明白，下午看着老朱没什么事，就去向老朱请教：“朱哥！网页上的图片怎么能显示成圆角呢？特别是正圆形是怎么做出来的啊？”

老朱随口说道：“border-radius啊！之前我们已经用过几次了啊！”

小白说：“这不是控制容器圆角的么？图片也可以控制么？”

老朱说：“讲图片的时候我不是告诉过你了么？肯定是没好好听，图片标签img也是一个容器，它是一个放图片的容器，在img里面显示什么图片是靠src属性来决定的。既然是容器你不是就可以用border-radius来控制了么？你试试！”

实例

设置text-outline（文本-轮廓）:

p.test

{

text-outline: 2px 2px #ff0000;

}

浏览器支持

任何主流浏览器都不支持text-outline属性。

属性定义及使用说明

text-outline属性指定文字大纲。

颜色，由三基色组成，各种说法不一，通常是指 红（R）绿（G）蓝（B）三种颜色。

颜色值，由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。

每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。无论是RGB（0~255）表示，还是十六进制表示，他们其实表达的都是一样的。

提供个表格，给正在写HTML的你做个参考。三种颜色混合而成的具体效果：

仅有 16 种颜色名被 W3C 的 HTML 4.0 标准支持，它们是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。

CSS 背景属性用于定义HTML元素的背景。

CSS 属性定义背景效果:

• background-color

• background-image

• background-repeat

• background-attachment

• background-position