网页布局
关注
分享
扫一扫
蓝色的乌鸦
这个作者很懒，什么都没留下…
展开
-
年会签名动效
昨天有个朋友来咨询问题,需求:年会员工pad签到,然后放大到大屏幕,提供了两个demodemo_0:demo_1:图片太大了,上传不了,暂时就不传了实际效果:下面直接放代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>年会签名动效</title> <style type="text/less..原创 2020-12-31 09:35:35 · 392 阅读 · 0 评论 -
关于textarea布局的小问题
一个小问题,但是困扰了很久textarea文本域左边的文字一直都是在textarea的左下边,看起来不美观设置一个属性就可以搞定vertical-align:top" >备注信息：搞定!这么简单?恩就是这么简单!!!不相信快去试试吧!原创 2013-10-09 14:51:41 · 1283 阅读 · 1 评论 -
修改加了important标记的css样式
$("#selCont").css("cssText","display: none!important");原创 2014-07-16 13:14:44 · 1459 阅读 · 0 评论 -
修改select默认样式,移动端和pc端通用
最近在搞前段,发现select样式已经丑到爆了,找了一些资源修改了一下,稍微好了一点.废话不说了,直接上代码<div class="select" style="margin-top:0;outline:none;border:1px solid #BBBBBB;border-radius:4px;position:relative;"> <select id="orde...原创 2014-06-10 10:39:56 · 16067 阅读 · 5 评论 -
解决div中文字垂直居中的问题
解决这个问题只要两步就可以搞定:1.设置父标签的display:display: table;原创 2014-10-29 16:21:54 · 817 阅读 · 0 评论 -
纯CSS实现小三角
border: 10px solid #f0f0f0;border-bottom-color:transparent;border-top-color:transparent;border-left-color:transparent;">原创 2014-11-05 13:10:57 · 795 阅读 · 0 评论 -
outline实现border-radius效果
outline实现border-radius效果今天发现border-radius不能满足需求,这时候就想到了使用outline实现但是查了资料,只有firefox支持outline-radius(-mox-outline-radius)又查了更多资料,终于找到了解决方案具体实现代码:box-shadow: 0 0 0 5px rgba(25原创 2015-06-17 16:18:44 · 6498 阅读 · 1 评论 -
loading 加载动画
html lang="en">head> meta charset="UTF-8"> title>loadingtitle> style type="text/css"> .loadWrap { text-align: center; colo原创 2016-03-30 16:30:48 · 2106 阅读 · 0 评论 -
纯css美化单选按钮
纯CSS3实现自定义美化单选框body { background: #fff; padding: 0; margin: 0;}.regular-radio{ display: none;}.regular-radio + label { -webkit-appearance: none; background-color: #fafafa; border: 1px soli原创 2016-02-22 16:25:23 · 2526 阅读 · 0 评论