新建一个实线边框为血色盒子,DIV+CSS实例,运用DW软件新建一个红色边框对象实例。
为了窥察成效CSS5对盒子配置一个css高、css宽款式,并赋与血色css边框花式。同时为了兼容性CSS5如故应用DW软件新建这个实例。
实例刻划,Thinkcss给这个实例css定名为“.CSS5”,在html中运用class援用。css 宽380px,css 高200px,一个边框宽度为2px的实线边框。
边框根本语法:
边框:border 进入css border教程
完整实例HTML代码下列:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>新建边框实例</title>
- <style>
- .CSS5{ width:380px; height:200px; border:2px solid #F00}
- </style>
- </head>
- <body>
- <div class="CSS5">我宽度为380px 高度200px 边框2px赤色</div>
- </body>
- </html>
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j51725.shtml