06世界杯10强国旗(1)

*{

margin:0px;

padding:0px;

}

ul{

padding:0px;

margin:0px;

}

div{

width:160px;

height:85px;

}

#Germany ul li,#Paraguay ul li,#Netherlands ul li,#Argentina ul li{

height:28px;

text-align:center;

}

#Ecuador ul li.yellow{

height:38px;

}

#England ul li,#sweden ul li{

float:left;

background:white;

width:76px;

height:40px;

}

#sweden ul li{

background:blue;

}

#sweden .arrow{

width:50px;

}

#frence ul li,#italy ul li{

float:right;

width:53px;

height:85px;

}

#Ukraine ul li{

height:42px;

}

#Switzerland ul li{

float:left;

width:48px;

height:25px;

background:white;

}

#china ul li{

color:yellow;

float:left;

}

#china ul li.bigstart{

font-size:65px;

}

--------------------Germany

--------------------Ecuador

-------------------- England

-------------------- Sweden

-------------------- Netherlands

  • ¤

-------------------- Argentina

-------------------- frence

-------------------- italy

-------------------- Ukraine

-------------------- Switzerland

-------------------- China (未参加世界杯)

运行代码

复制代码

另存代码

提示:您可以先修改部分代码再运行

html中css如何设置显示国旗,用CSS画的一面国旗.相关推荐

  1. html怎么改无序图标,​css怎么设置无序列表?css的列表样式总结

    css怎么样设置无序列表的样式你知道吗?这里有无序列表的详细应用,去掉这些图标之类的,还介绍了去掉小圆点给添加的图片的介绍,大家可以自己试试看.现在就让我们一起来看看这篇文章吧 首先我们先来看看无序列 ...

  2. php+jq+添加css,jquery设置内联样式css()

    jquery设置内联样式css() 设置内联样式css() .box1 { width: 300px; height: 300px; background-color: wheat; position ...

  3. css让图片显示圆角 纯CSS绘制漂亮的圆形图案效果

    css让图片显示圆角 样式: border-radius:5px 15px 20px 25px;顺序依次是上右下左 纯CSS绘制漂亮的圆形图案效果 .circle { border-radius: 5 ...

  4. php边框圆角,css如何设置圆角边框?css设置圆角边框的方法(图文)

    css如何设置边框?很多时候在开发网页前端的时候,为了让网页上面的东西看起来更加的舒服,我们可能需要设置一些圆角边框比如按钮之类的,那么,我们该怎么来设置圆角边框呢?本篇文章将给大家来介绍一下css设 ...

  5. html中css如何设置显示国旗,CSS3 各国国旗

    CSS 语言: CSSSCSS 确定 body { background: #222228; font-size: 60px; } h1, h2 { text-align: center; font- ...

  6. 在html中什么标签可以显示小方块,css列表前的小方块

    css列表前的小方块 自己用个符号·来代替,却发现怎么显示都比较小,后来自己研究才发现我的字体全部定义成tahoma了,只要采用"宋体"就正常了. 列表前的小方块--design ...

  7. css表格设置行列的颜色,CSS:为表格中的选定行设置颜色

    我需要将以下功能添加到我的表中:当用户单击某行(选择它)时,该行用颜色#FFCF8B标记(与hover相同).我试过#newspaper-b tbody tr.selected td,但它不起作用.C ...

  8. html 中加小手,html中鼠标如何设置显示小手状?

    材料/工具:css 1.打开前端开发软件,新建一个html代码页面 2.在新建的html代码页面上找到 ,在这个标签里创建一个标签,a案例中使用的是. 代码: 大家好,鼠标放到我身上就可看到效果 3. ...

  9. css 边框设置成不透明,css中如何设置半透明边框?

    可以参考以下我的这个代码: XXX:{ border: 5px solid rgba(XXX, XXX, XXX, 0.5) } 其中第一个XXX是你选择的需要半透明的元素 接下来的XXX是你想要半透 ...

最新文章

  1. C#实现身份证号码验证的方法
  2. Ubuntu 安装redis desktop manager
  3. CTF-web-xff,referer 知识点;
  4. 重拾C,一天一点点_3
  5. 为指定的职工在原工资的基础上长10%的工资,并打印涨工资前和涨工资后的工资
  6. 今年跳槽可以再等等。
  7. 10.1.1 head标签
  8. SerializeUtil 序列化 java
  9. 嵌入式Linux USB WIFI驱动的移植
  10. DBA邀请函丨数据库大咖讲坛来深圳啦!线下沙龙+线上直播,共享技术盛会!
  11. QT5开发及实例学习之三字符串类
  12. 【Flink】运行Flink 1.6.2 程序偶然报错 Premature end of GET request
  13. 只需一条信息即可远程利用严重的思科 Jabber RCE缺陷
  14. echarts可以去掉边距吗_又有近视又有散光怎么办?近视手术可以同时去掉吗?...
  15. 优秀程序员必备技能大全
  16. QML 获取当前时间戳 yyyy-MM-dd hh:mm:ss.zzz
  17. Qt_IOS环境搭建 Qt for ios Projector ERROR:This mkspec requires Xcode 4.3 or later
  18. idea设置炫酷主题
  19. 32767+1=-32768 补码
  20. 巨象指纹浏览器是如何解决账号关联问题的

热门文章

  1. linux ip工具
  2. 如果在星际旅行中遇见了外星人……
  3. 快速将小程序生成APP八步走!
  4. 使用Python绘制6.1儿童节消消乐,素描图,词云图,字符画图,提取轮廓图及蒙太奇效果图
  5. jumpserver部署
  6. 04 项目分析阶段(二)
  7. strchr函数总结
  8. 《高考乐理全真模拟试卷》郑州大学出版社
  9. 用arcpy创建图层、定义坐标系、添加字段
  10. 名画168 唐寅《临李伯时饮中八仙全图》