![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 51
艳妮子Yeah
艳妮子的小笔记本
展开
-
自定义表单元素样式
一、 修改placeholder颜色::-webkit-input-placeholder { color: red; }:-moz-placeholder {/* Firefox 18- */ color: red; }::-moz-placeholder{/* Firefox 19+ */ color: red; }:-ms-input-placeholder { color: r...原创 2018-06-15 10:03:39 · 1006 阅读 · 0 评论 -
animation实现闪烁效果
.commodity-sign-wrap{ animation:blink 1s infinite; -webkit-animation:blink 1s infinite; /*Safari and Chrome*/}@keyframes blink{ 0%{ opacity: 0; } 50%{ opacity: 100; } 100%{ opacity: 0;...原创 2018-06-15 10:05:40 · 7832 阅读 · 0 评论 -
css实现箭头和带缺口提示框
一、实现如图所示箭头<!DOCTYPE html><html><head> <title></title><style type="text/css">.out{ width: 200px; height: 200px; background: #f00; position: relative;}.w原创 2018-06-19 14:36:12 · 1648 阅读 · 0 评论 -
打印表格,保证tr中间不分页
参考:https://cdc.tencent.com/2014/08/19/print-%E8%A2%AB%E5%9F%8B%E6%B2%A1%E7%9A%84media-type/整体思路:设置tr内部不分页,给td设置右下边框,再给第一列和末行的td分别设置border-left和border-bottom来充当table的左下边框。最后设置表头样式为一条线,充当表格的上边框,设置每页打...原创 2019-03-11 10:52:27 · 2943 阅读 · 3 评论 -
自适应图片布局
1、为什么要给图片留出加载空间?为图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性,就可以在页面加载时为图像预留空间。如果没有这些属性,浏览器就无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化,这样会影响加载速度的页面效果,最好的办法就是给图片留出空间,使加载图片过程中不影响图片下方内容的渲染。2、通过padd...原创 2019-10-08 14:20:41 · 1060 阅读 · 0 评论