css
关于css的相关知识
小小白号
这个作者很懒,什么都没留下…
展开
-
无缝轮播图
css实现和js实现两种方法原创 2022-06-07 09:17:34 · 96 阅读 · 0 评论 -
div倾斜效果 制作人物介绍模块
transform: skewX(); div沿x轴倾斜的度数效果图:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini原创 2022-03-15 09:30:56 · 462 阅读 · 0 评论 -
设置固定定位后相邻盒子margin-top没法正常使用的问题
导航栏固定定位,下面相邻的盒子content设置margin-top,导致固定定位的导航栏使用这个margin-top值,从而向下移动,而content本身并不移动1.content的margin-top改为padding-top:可实现预期效果。2.content同时设置margin-top和padding-top:仍会空出margin-top的距离。3.body设置padding-top:会空出body的padding-top的距离,可实现预期效果。4.body设置margin-top:会空出m原创 2020-09-14 16:31:57 · 1167 阅读 · 0 评论 -
文本框和按钮上下对不齐要怎么解决
from中的文本框和按钮总会有错差,如:出现这样的情况,只需要给文本框设置一下浮动即可。原创 2020-09-09 11:24:17 · 585 阅读 · 0 评论 -
css3 旋转木马-走马灯
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar原创 2021-01-06 20:15:22 · 197 阅读 · 1 评论 -
无缝滚动效果
无缝文字滚动效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box{原创 2021-01-06 11:11:44 · 232 阅读 · 0 评论 -
css设置图片、边框、背景样式
设置图片边框样式 border-stylenone无边框,默认值 dotted点线 dashed虚线 solid实线 double双线 groove凹型线 ridge凸型线inset嵌入式 outset嵌出式 hidden隐藏设置边框粗细(宽度) border-width设置边框颜色 border-color单独设置某个边框样式 border-top/bottom/right/left如:border-top:1px solid red;图片缩放只单设width或height,图片会自动等比原创 2020-09-16 20:17:08 · 1438 阅读 · 0 评论 -
css设置文字
设置文字字体 font-family属性值有多个时,中间必须用英文逗号隔开如果字体中间有空格,必须用双引号将字体引起来,汉字最好也引起来如果设计者所罗列的字体在用户的计算机上没有安装,则使用浏览器的默认字体设置字体颜色 color英语单词指定的颜色,如red,yellow、blue、purple等十六进制表示,如#FF00FF(大小写无所谓)RGB(0,255,255),取值是0~255 如:color:rgb(0,0,255)rgba(0,255,255,0.5),取值是0~1(最后一位的原创 2020-09-16 20:15:31 · 602 阅读 · 0 评论