![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
陈大步
这个作者很懒,什么都没留下…
展开
-
CSS水平居中和垂直居中的集中情况
1、块元素如div(必须有宽)用内边距水平居中:margin:0 auto;2、行内元素水平居中(如文字):text-align:center(父元素设置text-align: center,子元素设置inline-block,子类都水平居中)3、行内元素垂直居中(如文字):用行高垂直居中, heigth:50px; line-height:50px;(行高等于盒子大的高度,可以让单行文本垂直居中,对行内元素作用,如果行高=高度,文字垂直居中,>偏下,<偏上)4、垂直居.原创 2020-05-11 20:36:52 · 199 阅读 · 0 评论 -
CSS选择器总结
1、引入方式:(1)行内式(内联样式) <div style="..."></div>(2)内联样式 <head> <style>h1{ color:red; font-size:14px} </style> </head>(3)外联样式 <head> ...原创 2020-05-11 20:28:11 · 173 阅读 · 0 评论 -
纯CSS画基本图形(矩形、圆形、三角形、多边形、爱心..)
1、正方形#square { width: 100px; height: 100px; background: red; }2、长方形#rectangle { width: 200px; height: 100px; background: red;}3、圆形#circle { width: 100px;...转载 2019-12-19 13:31:53 · 311 阅读 · 0 评论 -
css 一排张图片响应式水平排列且自适应
<#assign tags=JspTaglibs["/WEB-INF/tld/tags.tld"] /><!DOCTYPE html><html><head> <base href="${path}/"> <meta charset="utf-8"> <meta name="viewp...转载 2019-10-30 16:10:02 · 1434 阅读 · 0 评论 -
CSS字体颜色由上往下渐变
<h2 name="PlatformDataDisplay" style="font-size:20px;font-weight:700;background-image:-webkit-linear-gradient(bottom,#5197FF,#80F2FF); -webkit-background-clip:text; -webkit-text-fill-color:tr...原创 2019-10-30 16:02:36 · 6213 阅读 · 0 评论 -
去掉Button 按钮点击后会默认出现的蓝色边框
:focus { outline:none !important;z-index: 10000 }input::-moz-focus-inner,button::-moz-focus-inner {border: 0;}原创 2019-09-20 17:03:57 · 2421 阅读 · 1 评论 -
背景图片不因为屏幕变形和因屏幕变形而重复
1、背景图片不变形#web_en_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;min-width: 1000px;z-index: -10;zoom: 1;background-color: #fff;backgroun...原创 2019-09-24 15:59:39 · 216 阅读 · 0 评论 -
网页右侧悬浮显示二维码
<style>.sidebar {z-index: 100000;right: 0;position: absolute;top: 28%;padding: 0 12px 0 0;border-radius: 20px 0 0 20px;}.side...原创 2019-10-08 17:07:24 · 2473 阅读 · 0 评论