随笔分类 - CSS
摘要：<textarea> 标签定义多行的文本输入控件。 placeholder：描述文本区域预期值的简短提示。 textarea 的 placeholder 属性值不显示的原因可能是 <textarea>与</textarea> 之间存在空格或者换行 上图写法效果对应下图 textarea扩展： tex
阅读全文
摘要：效果图： 实现原理： 设置高度为宽度的2倍的一个框，利用 border 补全另一半的宽度，设置圆角 用两个 div 设置不同的颜色，定位到圆的上下指定位置。 最后只剩下里面的小圆圈了。设个宽高，圆角即可。 CSS HTML
阅读全文
摘要：效果图： 实现原理： 可以把这个心分为两部分，两个长方形，分别设置 border-radius，transform: rotate() 。 设置属性之后 再次添加一个，设置相反的 rotate 设置其中一个的 left 值 就成了 为了看起来有立体感，可以设置左边的 box-shadow 。 CSS
阅读全文
摘要：在网页中选中文字，默认为蓝底白字。这是浏览器默认的结果。 要改变也十分的简单 效果： 浓浓的原谅色 QAQ
阅读全文
摘要：想要实现文字超出部分以省略号的形式显示首先需要给此元素设置一个宽度，然后添加以下属性 显示结果就是这样 点击查看多行显示隐藏的解决方法
阅读全文
摘要：在我们在写前端页面的时候，由于手速过快（当然这都是指的老司机），会经常双击，浏览器就会默认选中你双击的文本，这种感觉有点不太好。 这个时候就用到了 user-select:none; 属性。 因为存在着兼容性的问题，所以在写的时候就需要考虑一下了。 这样这个区域的文字就不会被选中了。 还有种方法就是
阅读全文
