提示：话不多说直接上代码前言实现效果如下一、html代码<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=d
转载
2023-11-10 15:35:33
928阅读
5-1.html<html><head><title>背景颜色</title><style><!--body{ background-color:#5b8a00; /* 设置页面背景颜色 */ margin:0px; pa
转载
2009-08-02 15:09:19
1204阅读
问题: CSS实现背景图片全屏铺满自适应的方式解决：（1）background-image:可添加多张背景图片。
参数：url() || none(默认)
background-image: url(images/scroll_top.jpg),
url(images/scroll_bottom.jpg),
转载
2024-04-08 12:57:04
1111阅读
代码：<body> <div class="box"> <div class="card">卡片1</div> <div class="card">卡片2</div> <div class="
原创
2022-05-24 18:09:06
4967阅读
<style type="text/css"> .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,end
转载
2016-03-22 14:40:00
593阅读
2评论
<style type="text/css"> .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorSt
转载
2016-08-19 16:30:00
1300阅读
点赞
1.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369; 注意:在同
转载
2016-04-28 09:52:00
559阅读
2评论
以前看到很多大型网站，整个网站的背景图片，是同一张图片，下载他的背景图片，看到一张图片上有很多小图标。
也就是国外很流行的css sprites，目前国内也有很多网站这样用。
这次在写CSS+DIV时，也这样写了个整站，感觉虽然做网站的整站慢，但在网站的占用资源上，的确省了不少。
原理，一般网站的图片都是分开的，每个图片的调用都会占用一个IIS链接，而现在把所有图片放在一张图上时，
转载
2012-03-06 10:44:00
154阅读
2评论
用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器。从黄到红示例：http://keleyi.com/keleyi/phtml/divcss/2.htm代码： <style type="text/css">
.jbkeleyi{
height: 300px;
width:100px;
margin:0px auto;
background-image: -mo
转载
2023-08-24 10:41:03
292阅读
在日常生活中，当我们进行网上考试报名或者制作简历，一般都离不开证件照，那么证件照底色一般都是什么颜色呢？以及有没有好用的证件照底色更换软件推荐呢？今天小编就给大家简单介绍一下证件照底色一般是什么颜色，以及分享几款好用的证件照底色更换软件。一、证件照底色一般是什么颜色目前证件照的底色多为白色、蓝色和红色这三个主流颜色，当然，也还有其他的一些证件照颜色，但因其并不被人们所常用，所以这里我们来主要说一说
转载
2024-03-18 08:29:44
47阅读
css设置背景图片铺满整个元素
原创
2022-08-01 10:38:04
3295阅读
很久之前就在互联网网站和一些js插件中见过这种技术的应用，当时觉得很麻烦，就没有用，也没有去深究。近段时间一直在做前台的一些东西，涉及到很多div+css的问题。这个东东我又碰到了，所以我花了点时间去网上了解了下其中的原理。原来这个叫CSS Sprites技术，主要是个人爱好啦，我对前台这些个东西比...
转载
2014-07-24 08:44:00
80阅读
2评论
很久不更新博客，整理了CSS的一些常用效果，尽量兼容多的浏览器，包括背景图片固定居中，div阴影，背景半透明，div圆角，DIV渐变等。
原创
2022-01-21 13:36:25
157阅读
一、背景简写1、语法说明2、代码示例
原创
2023-03-18 10:28:01
1287阅读
.table-flex { align-items: center; display: flex;
原创
2022-10-14 19:13:50
1175阅读
这几天一直在捣鼓图片实现圆角的方法。捣鼓了两天，累的脑都缺氧了。终于功夫不负有心人，在我不断的尝试和修改下终于完成了图片实现圆角效果。好了，废话不多说，直接如题。这里先总结下，图片实现圆角效果我分为两种：一、上下两张图，中间自适应高度实现原理：利用切割圆角图片为上下两张，中间利用border-left(right)：1px solid black，高度不写（高度自适应）。具体步骤：1：建立三个to
转载
2023-12-06 16:22:45
100阅读
前言：width和heigth不会相互作用 ，各自为政！1、当div设置了固定的长度和宽度后高度和宽度都行！：不管里面有没有内容（可以无视内容），div就是一个框子在那（默认无边框）！即使内容超出，尺寸也不变！#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果：2、若是div设置为百分比的形式宽度无论如何都行！：width:50%;能行！ 无视内容！ 即使内容超出宽度框的宽度还是50%，内容超出框而存在；高度无论如何都不行！：heigth：50%则不行 高度为内容的高度，如要设置高度 需要用height:50px
转载
2013-07-05 09:56:00
404阅读
2评论
??作者简介：一位喜欢写作，计科专业大三菜鸟?个人主页：starry陆离?订阅专栏：『10个实用的CSS样式』 10个实用的CSS样式之悬浮卡片1.简介2.布局设计3.样式美化3.1body美化3.2container美化3.3card美化3.4content美化3.5加上动画4.结语 1.简介对于初学前端的小白来说css样式的设计很考验基本功和创意想法，而在项目开发中我们不可能将大部分的时间用于
转载
2024-01-08 17:35:40
868阅读
现在WEB页面设计比较流行使用大背景图，那么您知道如何使用一张大背景图进行拉伸效果呢？也就是说使用一张固定尺寸的背景图片，让它在页面中随着浏览器尺寸进行拉伸，就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。将背景图片拉伸，而不是平铺，注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果，本文讨论的是背景图片的拉伸效果。这
转载
2024-08-09 09:17:46
108阅读
background-repeat: no-repeat; background-size: cover; background-position: 50%; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.5); -ms-transform: scale(1.5);...
原创
2022-03-01 14:12:11
2039阅读
