好玩的CSS点点

健康信息身高：体重：

如果表单周围没有边框，说明您的浏览器太老了。

-----------------------

当你想实现以上功能时只需要使用<fieldset></fieldset>配合legend就可以实现如下功能。

身高：<input type="text" />

体重：<input type="text" />

</fieldset>

时间： 2024-12-19 13:40:28

好玩的CSS点点的相关文章

那些好玩的CSS - transition transform animation - 北大青鸟教员授课技术交流会

那些好玩的CSS - transition transform animation 北大青鸟教员授课技术交流会前言: 无意间翻到了之前做的一个PPT,就想着发出来给大家分享一下. 因为公司招了不少新员工,所以经理借着那次的授课交流会,让大家彼此学习一下授课技巧上课方式课堂互动等等. 我做的这个是用的极客学院的PPT风格,简单地介绍了一下CSS3里面的几个动画相关的东西,transition过渡.transform变换.animation自定义动画等等. PPT内容如下: (PS:如果需要P

css3 实现图片旋转

今天发现一个很好玩的css特效,将鼠标放到图片上,图片会像黑胶唱片一样旋转,类似于虾米专辑封面的特效,特别适用于图片列表的展示,下面是列子代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3

css 只好显示两行超过显示点点点

css 只能显示两行超过显示点点点 css 可以做到:.p1{text-align: center;color:#C8CFD6;height:34px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

怎么实现CSS限制字数,超出部份显示点点点.

如何实现CSS限制字数,超出部份显示点点点... <div style="width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid red">试试看试试看试试看试试看试试看试试看试试看试试看试试看试试看试试看</div> 效果: 语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(...

css 超出文本 overflow 变成点点点....

实例: <p>文字敢超出我就敢隐藏显示点点文字敢超出我就敢隐藏显示点点文字敢超出我就敢隐藏显示点点</p> css解决方法 1.常规css方法--可以实现IE,Safari,chrome,opera浏览器下文字溢出省略号表示现在在火狐的高版本也支持了(火狐低版本不支持) p{width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} 注

每天学习一点点...css...

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>传智官网</title> 6 <link rel="stylesheet" type="text/css" href="css/c_z_g_w.css" /> 7 </head> 8 <b

个人对于css sprite的一点点简介

css sprite即CSS雪碧图又称CSS精灵.它存在的一个主要作用就是:减少了网页的http请求次数,从而大大的提高了页面的性能,节省时间和带宽. 例如这样算下来.CSS sprite真的是个很实用的东西. 那么如何制作CSS sprite图呢?用下面这个例子来说明这样一个图就能用css sprite来制作.很好的减轻了服务器的压力.和页面的性能. 代码图如上. 另外推荐一个css sprite网站

css 多行超长点点点

超长?不是很好吗?什么?不好?有什么坏处吗?会使人想哭的! 这里来说下,超长点点点的处理: 一行超长点点点,这个很多都会吧! text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 那多行呢?不会了吧,上代码: overflow: hidden; display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示 . text-overflow: ellipsis; // 可以用来多行文本的情况下,用省略号“.

css 文本显示点点点

今天有这个需求,百度获取到这个效果,记录下来. text-overflow :ellipsis; //让截断的文字显示为点点.还有一个值是clip意思是截断不显示点点 white-space : nowrap; //让文字不换行 overflow : hidden; //超出要隐藏