您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

怎么新建一个实线边框为红色盒子

2024/4/5 2:37:27发布7次查看
本篇文章给大家带来的内容是关于怎么新建一个实线边框为红色盒子,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
新建一个实线边框为红色盒子,div+css实例,使用编辑器软件新建一个红色边框对象实例。【推荐阅读:css表格怎么添加边框样式?css表格边框样式总结(附完整实例)】
为了观察效果对盒子设置一个css高、css宽样式,并赋予红色css边框样式。同时为了兼容性依然使用dw软件新建这个实例。
实例描述,我们给这个实例css命名为“。php1”,在html中使用class引用。css 宽380px,css 高200px,一个边框宽度为2px的实线边框。
边框基础语法:
边框:border 进入css border教程
完整实例html代码如下:
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>新建边框实例</title> <style> .php1{ width:380px; height:200px; border:2px solid #f00} </style> </head> <body> <div class="php1">我宽度为380px 高度200px 边框2px红色</div> </body> </html>
预览如下:
以上就是对怎么新建一个实线边框为红色盒子的全部介绍,如果您想了解更多有关css3教程,请关注。
以上就是怎么新建一个实线边框为红色盒子的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product