css
格格巫仙女
这个作者很懒,什么都没留下…
展开
-
用div来模拟textarea,textarea高度自适应
<!DOCTYPE html><head> <title>div模拟textarea</title> <style> .editdiv{ border:1px solid #a0b3d6; width: 500px; min-height:100px; font-size: 14px; paddi原创 2021-06-10 10:12:09 · 127 阅读 · 0 评论 -
哀悼日网站全站变灰代码
//通过css 滤镜 filter: grayscale();来控制页面的显示body *{-webkit-filter: grayscale(100%); /* webkit */-moz-filter: grayscale(100%); /*firefox*/-ms-filter: grayscale(100%); /*ie9*/-o-filter: grayscale(100%); ...原创 2020-04-04 21:13:45 · 182 阅读 · 0 评论 -
css 伪类设置背景图片,设置文字
.coupon-list .disabled::before { content: ""; width: 120rpx; height: 120rpx; position: absolute; top: -18rpx; right: -18rpx; opacity: .6; background-size: contain; ...原创 2019-11-20 10:44:21 · 2346 阅读 · 1 评论 -
css 修改占位符样式
<style> input::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color:#ccc; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 14p...原创 2019-11-19 17:53:08 · 1397 阅读 · 0 评论 -
css将文字放在一条横线中间
<div class="line-main"> <div class="line"> <div class="line-text">查看更多详情</div> </div></div>//css.line-main{ margin:10rpx 0; background: #fff; te...原创 2019-10-30 14:08:15 · 3262 阅读 · 1 评论 -
CSS超出部分省略号
1,单行文本实现超出部分省略号overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行2,多行文本实现超出部分省略号overflow:hidden;text-overflow:ellipsis;display:-webkit-box;//将对象作为...原创 2019-10-19 11:13:46 · 384 阅读 · 0 评论 -
Flex布局
案例demo展示:https://blog.csdn.net/qq_34648000/article/details/79115294<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> ...原创 2019-09-21 18:06:57 · 84 阅读 · 0 评论 -
table样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .table-c table{border-right:1px solid #000;...原创 2019-07-28 20:19:42 · 138 阅读 · 0 评论 -
css清除浮动总结
问题:使用了float之后,父级盒子的高度变为0。导致背景无法显示。边框不能撑开(1)给父级元素单独定义高度(height)比较简单,但是只适合高度固定的布局,要给出精确的高度(2)在标签结尾处加空div标签 clear:both添加一个空div,利用css的clear:both清除浮动,让父级div能自动获取到高度。如果页面浮动布局多,就要增加很多空div,不利于页面的优化。...原创 2019-07-18 22:12:15 · 148 阅读 · 0 评论 -
纯CSS实现点击图片触发select下拉框使之展开
如下图,下拉框最右边的箭头是一个图片,代码为:<span class="rightRegion">客户<font color="#EA609D">*</font></span> <select name="advertiserId" required class="ipt"&转载 2019-03-14 11:24:47 · 2203 阅读 · 0 评论 -
checkbox修改样式
html 部分: <label class="checkBox"><input type="checkbox">商品名称</label> css 部分,用提供的图片替换选中和未选中状态input[type='checkbox']{ width: 20px; height: 20px; background: u...原创 2019-01-24 15:55:54 · 284 阅读 · 0 评论