CSS3之边框属性border_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:32:06
Original
1351 people have browsed it

CSS3之边框属性border


1、设计源码

<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>   <div id="border_style">Border</div>   <div id="border">Border</div>
Copy after login

2、设计结果



3、源码说明

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

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

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

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template