最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

CSS初级指南--边框

日期:09-02    来源:HTMLDog|    作者:HTMLDog

边框可以应用到在主体元素body中的绝大部分HTML元素中。

创建一个包围着元素的边框,你所需要的是边框样式border-style。它们的值可以是 soliddotteddasheddoublegrooveridgeinsetoutset。(你有必要每个值都试一试,看看效果如何——译者注)

边框宽度border-width为边框设置宽度,通常用像素来表示。当然,还可以单独设置四个方向的边框属性,它们是border-top-widthborder-right-widthborder-bottom-widthborder-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像素宽的全局设置)。