html中css如何设置显示国旗,用CSS画的一面国旗.
*{
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画的一面国旗.相关推荐
- html怎么改无序图标,css怎么设置无序列表?css的列表样式总结
css怎么样设置无序列表的样式你知道吗?这里有无序列表的详细应用,去掉这些图标之类的,还介绍了去掉小圆点给添加的图片的介绍,大家可以自己试试看.现在就让我们一起来看看这篇文章吧 首先我们先来看看无序列 ...
- php+jq+添加css,jquery设置内联样式css()
jquery设置内联样式css() 设置内联样式css() .box1 { width: 300px; height: 300px; background-color: wheat; position ...
- css让图片显示圆角 纯CSS绘制漂亮的圆形图案效果
css让图片显示圆角 样式: border-radius:5px 15px 20px 25px;顺序依次是上右下左 纯CSS绘制漂亮的圆形图案效果 .circle { border-radius: 5 ...
- php边框圆角,css如何设置圆角边框?css设置圆角边框的方法(图文)
css如何设置边框?很多时候在开发网页前端的时候,为了让网页上面的东西看起来更加的舒服,我们可能需要设置一些圆角边框比如按钮之类的,那么,我们该怎么来设置圆角边框呢?本篇文章将给大家来介绍一下css设 ...
- html中css如何设置显示国旗,CSS3 各国国旗
CSS 语言: CSSSCSS 确定 body { background: #222228; font-size: 60px; } h1, h2 { text-align: center; font- ...
- 在html中什么标签可以显示小方块,css列表前的小方块
css列表前的小方块 自己用个符号·来代替,却发现怎么显示都比较小,后来自己研究才发现我的字体全部定义成tahoma了,只要采用"宋体"就正常了. 列表前的小方块--design ...
- css表格设置行列的颜色,CSS:为表格中的选定行设置颜色
我需要将以下功能添加到我的表中:当用户单击某行(选择它)时,该行用颜色#FFCF8B标记(与hover相同).我试过#newspaper-b tbody tr.selected td,但它不起作用.C ...
- html 中加小手,html中鼠标如何设置显示小手状?
材料/工具:css 1.打开前端开发软件,新建一个html代码页面 2.在新建的html代码页面上找到 ,在这个标签里创建一个标签,a案例中使用的是. 代码: 大家好,鼠标放到我身上就可看到效果 3. ...
- css 边框设置成不透明,css中如何设置半透明边框?
可以参考以下我的这个代码: XXX:{ border: 5px solid rgba(XXX, XXX, XXX, 0.5) } 其中第一个XXX是你选择的需要半透明的元素 接下来的XXX是你想要半透 ...
最新文章
- C#实现身份证号码验证的方法
- Ubuntu 安装redis desktop manager
- CTF-web-xff,referer 知识点;
- 重拾C,一天一点点_3
- 为指定的职工在原工资的基础上长10%的工资,并打印涨工资前和涨工资后的工资
- 今年跳槽可以再等等。
- 10.1.1 head标签
- SerializeUtil 序列化 java
- 嵌入式Linux USB WIFI驱动的移植
- DBA邀请函丨数据库大咖讲坛来深圳啦!线下沙龙+线上直播,共享技术盛会!
- QT5开发及实例学习之三字符串类
- 【Flink】运行Flink 1.6.2 程序偶然报错 Premature end of GET request
- 只需一条信息即可远程利用严重的思科 Jabber RCE缺陷
- echarts可以去掉边距吗_又有近视又有散光怎么办?近视手术可以同时去掉吗?...
- 优秀程序员必备技能大全
- QML 获取当前时间戳 yyyy-MM-dd hh:mm:ss.zzz
- Qt_IOS环境搭建 Qt for ios Projector ERROR:This mkspec requires Xcode 4.3 or later
- idea设置炫酷主题
- 32767+1=-32768 补码
- 巨象指纹浏览器是如何解决账号关联问题的