首页
网络新闻
seo优化
网络营销
网络推广
建站知识
网络安全
网络编程
网络编程
奇闻怪事
主页
/
建站知识
/
CSS 柱状图实现代码其实很简单
建站知识
2021-07-03 08:42
www.168986.cn
长沙网站建设
<!doctype html><head><style>ul.chart{padding:0;margin:0;list-style:none;border:1px #ccc solid;height:255px;font-size:9pt;background:#ddf3ff}ul.chart p{padding:0;margin:0}ul.chart .title{text-align:center;height:25px;line-height:25px;}ul.chart li{width:80px;float:left;padding:0;}ul.chart li:hover{background:#f7f7f7;}ul.chart .total{height:230px;position:relative;}ul.chart .percent{background:#f0f;width:20px;position:absolute;left:25px;bottom:0;}</style></head><body><ul class=chart><li><p class=title>最终幻想</p><div class=total><p class=percent style="height:50%;">50%</p></div></li><li><p class=title>星之海样</p><div class=total><p class=percent style="height:10%;">10%</p></div></li><li><p class=title>白骑士</p><div class=total><p class=percent style="height:70%;">70%</p></div></li></ul></body>
提示:您可以先修改部分代码再运行
上一篇:
CSS 约定写法 利用扩展
下一篇:
IE对CSS样式的数量和大小是有限制的
长沙网站设计
平顶山网是什么网站 什么是平顶山网
网站代运营的优势 如何选择合适的网站代运营服
河南网站建设要求 河南网站建设公司
tag是什么意思啊 标签Tag的含义及其重要性
华众虚拟主机管理系统
国外代理服务器的优点 国外代理服务器的缺点
CMS系统的优势 什么是CMS系统
购物网站建设:购物网站建设多少钱
http 500 内部服务器错误
云南网站建设 云南网站安全与维护
网站建站架构搭建 网站建站维护与优化
白山网的优势与前景 白山网的生活服务频道
怎么建立一个网站
linux服务器配置与管理
美国vpn服务器价格 美国vpn服务器安全性
电商网站开发:如何开发一个成功的电商网站
狼蚁网络搜索
狼蚁网络导航
长沙seo优化
平顶山网是什么网站 什么是平顶山网
网站代运营的优势 如何选择合适的网站代运营服
河南网站建设要求 河南网站建设公司
tag是什么意思啊 标签Tag的含义及其重要性
华众虚拟主机管理系统
长沙网络营销
1
免费私人服务器
2
南宁企业建站
3
html网站模板建站
4
中国域名服务商有哪些?2021年中国十大域名注册
5
网页设计制作详细流程
长沙网站建设
input button文字的行高在FF下的显示问题
css实现的圆角效果带有注释
设计体验:按钮上的内容
使用css3做0.5px的细线的示例代码
做网站要学会数据分析