![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Poppy_LYT
这个作者很懒,什么都没留下…
展开
-
VUE—屏幕向上滚动到一定高度,导航栏向上慢慢消失(动画)
<div ref="header" class="header-container"> // header 设置refmounted() { document.addEventListener('scroll', this.onScroll) }, beforeDestroy() { document.removeEventListener('scroll', this.onScroll) }, methods: { onScroll() {原创 2020-07-09 10:40:54 · 1981 阅读 · 0 评论 -
CSS—窗口自适应
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #header{ width: 100%; height: 100px; backgr...原创 2019-06-14 14:50:05 · 1229 阅读 · 0 评论 -
CSS—fieldset只有标题一条边框,左右下都无边框(图文详情)
CSS—fieldset只有标题一条边框,左右下都无边框第一步:布局<div class="field"> <fieldset> <legend>第三方登录</legend> <ul> <li v-for="(item, index) in datafieldset...原创 2019-08-05 11:37:15 · 1581 阅读 · 0 评论 -
CSS—移动端导航(div)横向滑动,并消除横向滚动轴(图文详情)
CSS—移动端导航横向滑动,并消除横向滚动轴假设我写了一个导航(div照样适用) <ul> <li>学习</li> <li>学习</li> <li>学习</li> <li>学习</li> <li>...原创 2019-08-05 18:49:34 · 6456 阅读 · 1 评论 -
CSS—input文本输入框placeholder改变字体颜色(图文详情)
CSS—input文本输入框placeholder改变字体颜色第一步:编辑input框css样式input[type=text]{ width: 100%; height: 100%; font-size: 28/@r; color: red; }此时设置的颜色是红色,输入是字体是红色,但是placeholder并...原创 2019-08-06 10:36:56 · 6310 阅读 · 1 评论 -
CSS—带三角箭头的对话框,例如点赞时出现的文本框(图文)
CSS—带三角箭头的对话框,例如点赞时出现的文本框.detail{ width: 100%; height: 100/@r; background: #f4f5f7; position: relative; margin-top: 40/@r; } ...原创 2019-08-07 16:49:46 · 608 阅读 · 0 评论 -
CSS—input设置宽度100%后溢出(图文)
CSS—input设置宽度100%后溢出溢出效果:检查一下发现input自带的有padding值1px以及border的宽度2px,所以将input撑开了因此需要设置属性box-sizing: border-box;这样宽度和padding值就不会将原有的input撑开了效果:...原创 2019-09-04 05:09:36 · 2864 阅读 · 0 评论