CSS设置div边框颜色宽度和高度步骤如下:
1、新建一个html文件,创建一个类名为wrap的div。
2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色(没有边框时方便看出来div的大小)。
3、通过div 的border属性控制边框颜色,设置border的宽度为2px,线型为实线,颜色为蓝色。
4、这样就可以设置div边框颜色宽度和高度,如下图:
扩展资料:
css border属性:
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性:
border-width,border-style,border-color
如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000也是允许的。
块级区域里的颜色设置,一般只有边框和背景色两种.边框的颜色就是你列出的border属性,而你所说的内边框,我没有理解是什么意思,臆测一下,可能是想说padding的颜色吗?padding的颜色是与块级区域的背景色一致的,其颜色不能做单独设置,所以感觉不满足你的要求吧,呵呵. 如果需要嵌套颜色效果,一般以容器的方式放置,比如说:<div style='border:5px solid #00ff00padding:5pxbackground-color:#ff0000width:200pxheight:100px'><div style='background-color:#0000ffwidth:100%height:100%'> 效果演示 </div></div>恩,都有刚起步的时候,希望你的过程可以很顺利吧CSS权威指南http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145564
The CSS Anthology (第二版) CSS设计大师设计思路与实践
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=146748
HTML &XHTML 权威指南(英文CHM版+中文PDF版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=148039
HTML &XHTML - The Complete Reference第四版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176158
Building a Web Site 傻瓜书
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=156572
HTML 4 傻瓜书 第五版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=156578
css禅意花园 (高级CSS开发)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=148107
CSS与DHTML精髓
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=148097
CSS网页设计师
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=146253
CSS Hacks and Filter
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=165935
CSS Mastery高级Web开发标准
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=145854
CSS 设计艺术
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=145851
CSS代码效果对比学习
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152650
CSS Web Design傻瓜书
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152685
Pro CSS Techniques
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152687
CSS HTML高级设计模式 Pro CSS and HTML Design Patterns
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=149562
Build your Own WebSite - The Right Way Using HTML and CSS
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=151264
Mastering Integrated HTML and CSS
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=147086
CSS Web Development从入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152691
The Ultimate CSS Reference
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184754
The Essential Guide to CSS and HTML Web Design
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184713
Beginning CSS Web Development 从入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184147
Web Publishing with HTML and CSS in One Hour a Day
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152693
Designing with Web Standards 网站重构 英文+中文版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=157284
Beginning HTML with CSS and XHTML
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158794
XHTML Moving toward XML
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159163
Building Smart Web 2.0 Applications
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158104
How to Do Everything With HTML
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158813
Teach Yourself HTML in 10 Minutes 第四版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176544
HTML,XHTML,and CSS 第六版 Visual Quickstart Guide
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176488
Spatial Data on the Web:Modeling and Management
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158897
AdvencED DOM Scripting Dynamic Web Design Techniques
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158898
精通XHTML程序设计高级编程
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159284
XHTML实例精解
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159327
XHTML技术内幕
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159325
HTML &XHTML - The Complete Reference第四版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176158
完美HTML设计 - 使用CSS不用Table (第二版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160478
250 HTML and Web Design Secrets
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=164134
Return on Design
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160791
Learn Javascript 高清晰PDF珍藏版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=146076
JavaScript 宝典
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=146270
JavaScript宝典(第六版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152342
JavaScript实例宝典 PDF文字版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=156457
Wrox Beginning JavaScript(第三版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152688
Professional JavaScript for Web Developers
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152647
Pro JavaScript Design Patterns
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176842
The Art &Science of JavaScript
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176836
JavaScript for breakfast
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152641
JavaScript in 10 Simple Steps or Less
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152692
JavaScript开发人员参考
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152690
JavaScript参考大全第二版
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=145384
JavaScript权威指南(第四版)
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=144260
JavaScript快速查询手册
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=146378
Practical JavaScript DOM Scripting and Ajax Projects
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=150277
JavaScript傻瓜书 第四版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=156579
Javascript and Ajax for the Web 第六版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=163607
高级Javascript 第二版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=166763
Beginning Javascript with DOM Scripting and Ajax 从入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184150
Accelerated DOM Scripting with Ajax, APIs, and Libraries
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=183703
上百个超酷JS广告代码收集汇总 (第一辑)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=154714
上百个超酷JS广告代码收集汇总 (第二辑)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=154716
上百个超酷JS广告代码收集汇总 (第三辑)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=154718