CSS3之边框属性border

来源:互联网 发布:晋城监狱网络改造 编辑:程序博客网 时间:2024/05/02 04:32

CSS3之边框属性border


1、设计源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>边框属性border</title><style type="text/css">    #border_style{border-width:thin;border-style:dashed;border-color:#0C9;}#border{padding-top:200px;border:dashed thin #0C9;}</style></head><body>   <div id="border_style">Border</div>   <div id="border">Border</div></body></html>

2、设计结果



3、源码说明

(1)border设置样式等价于border-width、border-style和border-color三者设置效果

(2)border-width:设置边框的宽度

(3)border-style:设置边框的样式

(4)border-color:设置边框的颜色

1 1