这是一个比较有意思的话题，因为我们前面列举的代码都是基于块状元素进行说明的。能不能为段落中的几个文字添加边框呢？当然可以，根据盒模型基本规则，任何元素都可以定义自己的边框。但内联元素的边框显示效果有点特殊。联元素都是随行就市，因此它的上下边框高度不会影响行高，而且不受段落和行高的约束。下面，看一一个示例，请先输入下面的CSS布局代码。联元素总是随波逐流，因此它的左右边框宽度会挤占左右相邻文本的位置，而不是压住左两侧文本。左右边框会跟随文本流自由移动，移动时会紧跟内联元素前后，且不会出现断现象，也就是说单个边框不会被分开显示在2行内。
内联元素的显示效果给CSS盒模型基本规则带来巨大挑战，特别是对于初学者来说更容易迷，动摇他们刚刚建立起来的盒模型认识。例如，你无法使用上面介绍的方法简单计算span元素的和高，它的形状也失去了盒拿模型的基本矩形形状，有时由于多行显示会呈现为非矩形形状。唯一能够解释的就是内联元素依然具备盒模型的基本要素，拥有边界、边框和补白,与块状元素盒模还是存在很大的区别。
边界是网页布局中另一个重要要素，恰当地设置边界可以使网页布局疏朗有致，整体看起来优得体。设置边界可以使用margin属性，例如：可以使用margin-top、margin-right、margin-bottom、margin-leR属性独立设置上、右、下和边界的大小。医用灭菌袋 灭菌袋封口机 硅橡胶印模材 齿科针
边框样式是边框显示的基础，CSS2提供了下面几种边框样式：
none：默认值，无边框，不受任何指定的border-width值影响。
hidden:隐藏边框，IE不支持。dotted:定义边框为点线。
dashed:定义边框为虚线。solid:定义边框为实线。
double:定义边框为双线边框，两条线及其间隔宽度之和等于指定的border-width值。
groove:根据border-color值定义3D凹槽。
ridge:根据border-color值定义3D凸槽。
inset:根据border-color值定义3D凹边。
outset:根据border-color值定义3D凸边。
在IE 6和Firefox 2浏览器中分别进行预览，则效果存在细微区别，说明不同浏览器在解析相同的样式代码时显示效果也不完全相同。有一点读者可能已经发现，当同时定义边框样式、宽度和颜色时，分别输入代码有点繁琐，不过我们可以合并代码，且属性值顺序可以任意排列，最后，再次提醒读者，要养成先定义边框的样式，然后再设置边框的宽度和颜色的习惯。这可避免因疏忽漏掉样式的设置，而使边框定义失效。天津网站建设，天津网站优化，汽车玻璃，商业策划招商，钢板桩租赁，天津废锡回收，天津网站制作