HTML的div标记为何设置背景色无效?

简介: HTML的div标记为何设置背景色无效?

如果div标记内容是空的,实际上整个标记被压缩到没有了,自然没有颜色。

怎么办?就是输入一些内容,比如文字,空格,于是背景色就出现了。例如:

<div  id="div1" 
style="overflow:hidden;background:#F00;color:#FFF;position:absolute;left:100;top:200" 
width=400 height=300>
dddddddddddd
dddddddddddd
dddddddddddd
dddddddddddd
</div>

如上述中,背景色是红色,字体是白色。

目录
相关文章
|
6月前
|
前端开发 容器
HTML <div> 和<span>
【6月更文挑战第2天】HTML <div> 和<span>。
38 5
|
7月前
|
前端开发 容器
HTML <div> 和<span>
HTML <div> 和<span>
|
前端开发 容器
HTML的层(div)和块(span)
大多数 HTML元素被定义为块级元素或内联元素。“块级元素”译为 block level element,“内联元素”译为 inline element。那什么是块级元素,什么又是内联元素呢?它们分别是用来做什么的呢?
117 0
HTML的层(div)和块(span)
JavaWeb学习之路(10)--HTML块级元素div与行级元素span
本文目录 1. 块级元素 2. 行级元素 3. div标签 4. span标签 5. 小结
172 0
html中的div span和frameset框架标签
Div和span 1.      div独占一层,由div九不允许有别的。 2.      span标签不是独自占用一行,span一般用来设置字体。 框架标签: 什么是框架标签,就是把一个页面分成很多块,来分别显示显示不同的页面,下面看一下这个例子就能完全懂了。
837 0
|
21天前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
44 7
|
21天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
30 6
|
21天前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
33 5