div 叠在一起 给上不同的颜色

<html>
<head>
 <style>
 .one{
  width:300px;
  height:300px;
  background:red;
  margin:0 auto;
  margin-top:200px;
 }
 .two{
 width:275px;
 height:275px;
 background:black;

 }
 .three{
 width:250px;
 height:250px;
 background:yellow;

 }
 .four{
 width:225px;
 height:225px;
 background:green;
 }
 .five{
 width:200px;
 height:200px;
 background:blue;
 }
 .six{
 width:175px;
 height:175px;
 background:#333333;
 }
  .seven{
 width:150px;
 height:150px;
 background:#00FF00;
 }
  .eight{
 width:125px;
 height:125px;
 background:#1E90FF;
 }
  .nine{
 width:100px;
 height:100px;
 background:#48D1CC;
 }
  .ten{
 width:75px;
 height:75px;
 background:#8B0000;
 }
  .Q{
 width:50px;
 height:50px;
 background:#FF34B3;
 }
  .W{
 width:25px;
 height:25px;
 background:#CD00CD;
 }
 </style>
</head>
<body>
  <div class="one">
   <div class="two">
    <div class="three">
     <div class="four">
      <div class="five">
       <div class="six">
        <div class="seven">
         <div class="eight">
          <div class="nine">
           <div class="ten">
            <div class="Q">
              <div class="W"></div>
            </div>
          </div>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
</body>
</html>

步骤挺简单  效果挺好看的
时间: 2024-12-28 20:21:53

div 叠在一起 给上不同的颜色的相关文章

尝试让两个div显示在同一行上

缘由 摸鱼的时候在V2EX上看到一篇帖子,通过JS代码实现控制台输出某网站LOGO,感觉挺有意思的,想将其当网页元素插入网页,因此就有了本文. 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

iOS 设置导航栏的颜色和导航栏上文字的颜色

#import <UIKit/UIKit.h> @interface AppDelegate : UIResponder <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @end #import "AppDelegate.h" #import "KeyViewController.h" @interface AppDelegate () @end

div可以同时设置背景图片和背景颜色吗?

前言 当然可以同时设置 当图片背景色不透明时 情况一:当图片的长.宽 >= div的长.宽时 我们最终看到div背景是图片,之所以说是最终看到,是因为在页面加载时,我们先看到的div背景是颜色,等加载完了之后,图片位于颜色之上,因为长宽相同,图片覆盖颜色,最终呈现出来 情况二:当图片的长.宽 < div的长.宽时 我们最终看到div背景是既有图片又有颜色,图片范围外div范围内显示的是颜色 当图片背景色透明时 无论图片的长.宽 >= div的长.宽还是图片的长.宽 < div的长.

div中粘贴图片并上传服务器 div中拖拽图片文件并上传服务器

应用简介:此文主要是描述如何在前端div中直接ctrl+v 粘贴图片,并上传到服务器,包括拖拽图片文件到div中 应用场景描述:用QQ或者其它切图软件截图,在指定的div中ctrl+v 粘贴并显示,点击上传按钮,图片上传到服务器.类似实现了此功能的网站有 知乎,强力建议博客园实现此功能,                     写博客时插入图片方便的多. 适用环境:本代码目前适用谷歌浏览器,其它浏览器需要稍微改良一下即可,问题不大. 开发环境:vs2015 mvc 不说废话了,开始吧: 1:首先

点击cell后 cell的背景不变,cell上的字体颜色发生改变的功能实现

在我们使用音频播放的时候,常常出现播放的时候,被播放的cell的字体有别于其他cell的字体,这样的功能如何实现. 首先在应用上,cell肯定是自己定制的,上面可以放置UIImageView和UILable控件 在点击的时候,被点击的图片和Label的字体颜色发生改变. 我们需要在didSelectRowAtIndexPath方法.cellForRowAtIndexPath方法中分别对cell上的颜色进行改变.最重要的事情是:在cellForRowAtIndexPath方法中添加这样的代码块 f

解决设置selectedBackgroundView后会把cell上带背景颜色的控件遮住的问题

再给cell自定义选中的背景色时,当选中后会把cell上原来有背景色的控件遮住就像消失了一样,可以用下面的方法解决 我定义的cell的选中背景色是绿色 UIView *bgView = [[UIView alloc]initWithFrame:programCell.bg_View.bounds]; bgView.backgroundColor = [UIColor greenColor]; Cell.selectedBackgroundView = bgView; 未选中的效果 选中时的效果

成功返回上投入的颜色人一样

http://www.italki.com/user/2212507 http://www.italki.com/user/2221852 http://www.italki.com/user/2221985 http://www.italki.com/user/2222006 http://www.italki.com/user/2222075 http://www.italki.com/user/2222182 http://www.italki.com/user/2222250 http:

swift 获取UI上某点点颜色

extension UIView { func colorOfPoint (point: CGPoint) -> UIColor { var pixel = UnsafePointer<CUnsignedChar>.alloc(4) let colorSpace = CGColorSpaceCreateDeviceRGB() let bitmapInfo = CGBitmapInfo.fromRaw(CGImageAlphaInfo.PremultipliedLast.toRaw())!

在一个Label上设置多种颜色字体

1 #import "AppDelegate.h" 2 3 @interface AppDelegate () 4 5 @end 6 7 @implementation AppDelegate 8 9 10 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { 11 self.window = [[UIWindow al