CSS中使用position: fixed固定定位时遮挡下方内容
2024-04-13通过设置padding-bottom或者z-index来解决固定定位的遮挡问题_css的fixed固定定位会遮挡下面的元素怎么办
如何调uView中input和Form表单的样式
2024-04-08如上,我们不想让bottom线占满整个宽度,可以直接找到组件u-form-item,在样式中添加width:80%的样式.u-form-item { width:80%;}用 placeholder="请输入备注内容"<u-input placeholder="请输入备注内容" />再通过内置样式修改input框的长度<u-form-item class="u-text-right u-m-l-40".._u-input 宽度
CSS 8种让人眼前一亮的hover效果眼前一亮的HOVER效果
2024-04-0850% {100% {二、霓虹效果======Hover meHover meHover me.btn {.one {.two {.three {border: 0;三、边框效果======Hover mebutton {border: 0;width: 0;height: 0;bottom: 0;right: 0;top: 0;left: 0;四、圆形渐进效果。
HTML5背景渐变效果
2024-03-24farthest-corner--- 以最远边为半径的椭圆形。closest-corner--- 以最近边为半径的椭圆形。farthest-side--- 以最远边为半径的圆形。closest-side--- 以最近边为半径的圆形。to bottom left--- 从右上到左下。to top right--- 从左下到右上。to bottom--- 从上到下。to right--- 从左到右。to left--- 从右到左。to top--- 从下到上。ellipse--- 椭圆形。
用HTML和CSS实现华为新闻效果——鼠标悬停时图片缩放并且文字上升
2024-03-21先用定位(父相子绝),将bottom设置为负值,让最后一排文字超出盒子的范围,并在盒子的父级(即:.dec)添加overflow: hidden将文字进行隐藏。因为遮罩用了after伪元素,所以会压住txt和img,所以想让txt压在遮罩上面,需要设置z-index值(默认值为0,取值越大,层级越高)这里是使用scale使图片达到放大的效果,括号中的参数即为图片的放大倍数,也可以在img上添加过渡效果,让缩放更为柔和。同样使用伪类选择器hover,在鼠标悬停时设置文字样式。),在鼠标悬停时设置图片样式。_html鼠标悬停图片变化
在echarts图表上添加一串文字或者标题,echarts地图上指定位置添加标题文字。
2024-03-10在echarts图表上添加一串文字或者标题,echarts地图上指定位置添加标题文字。,option 字段里面添加上title,就是我们自定义的标题了,这里支持样式和大小调节,还支持副标题title : {text : '合格分包商数量' , //主标题文本 subtext : '副标题文本' , //副标题文本 left : 'left' , // 标题距离左边位置,可以使用right bottom : "75px" , // 标题距离底部位置,可以使用top textStyle : {_echarts添加title
css实现文本内容水平居中的4个方法
2024-03-10以上是几种实现文本垂直居中和水平居中的方式,每种方式都有其适用的场景和优缺点。其中,利用margin:auto和position:absolute的方式需要知道元素的宽度和高度,适用于元素宽高固定的情况。利用table的方式比较适用于多行文本的垂直居中。可以给父元素设置display: flex,并给子元素设置align-items和justify-content属性来实现文本的水平垂直居中。利用position: absolute和top、bottom、left、right属性来实现文本的水平垂直居中。_css文字水平居中
CSS与基本选择器
2024-02-26display:"inline" 按行内元素显示,此时再设置元素的width、height、margin-top、margin-bottom和float属性都不会有什么影响。还有rgba(255,0,0,0.3),第四个值为alpha, 指定了色彩的透明度/不透明度,它的范围为0.0到1.0之间。display:"block" 默认占满整个页面宽度,如果设置了指定宽度,则会用margin填充剩下的部分。默认情况下,只有块儿级元素才能设置长、宽,内联元素不能设置,设置了也不错,就是没有效果而已。
HTML,JavaScript,CSS的基本使用,简单广告宣传页面设计实现
2024-02-16height设置高度,margin设置边框与页面边界的距离,margin-top,margin-bottom,margin-left,margin-right,分别用于设置边框与页面上、下、左、右的距离。border设置边框,px代表像素点,一个不固定的长度单位,solid代表边框线是实心的,black代表边框线是黑色的。id与className在CSS中实现,用于对字体颜色,形状,粗细,背景颜色,边框等的网页美化设计。id是唯一的,每个元素只能有一个id,每个页面这个id只能出现一次,不可重复使用。
【css】渐变-背景渐变、边框渐变、文字渐变
2024-02-14● position:指定渐变起点的坐标,您可以使用数值加单位、百分比或者关键字(例如 left、bottom 等)等形式指定渐变起点的坐标,如果提供 2 个参数,那么第一个参数用来表示横坐标,第二个参数用来表示纵坐标,如果只提供一个参数,那么第二个参数将被默认设置为 50%,即 center;● direction 可选值,定义渐变的方向(例如从左到右,从上到下),可以是具体角度(例如 90deg),也可以通过 to 加 left、right、top、bottom 等关键字来表示渐变方向;_linear-gradient( to right bottom, rgba(255,255,255,.7), rgba(255,255,255,.5)