分类 CSS 下的文章

css 星空背景

2023-11-04 ｜0 条评论

body { background: radial-gradient(200% 100% at bottom center,#f7f7b6,#e96f92,#75517d,#1b2947...

CSS 列表分为4列显示

2023-09-30 ｜0 条评论

html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti...

CSS搜索框简单样式示例

2023-09-24 ｜0 条评论

一 <input type="text" id="txt" class="search-input" autocomplete...

CSS下拉菜单，垂直导航栏，水平导航栏，提示文本

2023-09-12 ｜0 条评论

CSS.col ul { list-style-type:none; padding:0; margin:0; background-color:#f2f2f2...

CSS样式优先级

2023-09-08 ｜0 条评论

在 CSS 中，样式优先级用于决定哪些规则将适用于给定的元素。以下是一般情况下计算样式优先级的规则，按照从高到低的顺序：1 内联样式：直接应用于HTML元素内部的样式属性，如 <div s...

CSS鼠标指针样式

2023-09-06 ｜0 条评论

CSS鼠标指针样式常用属性/* 自动选择 */ {cursor:auto;} /*默认箭头指针*/。 {cursor:default;} /* 指向链接时的手型光标 */ a {curso...

CSS列表两列显示

2023-09-06 ｜0 条评论

<!DOCTYPE html> <html> <head> <title>鼠标悬停显示/隐藏菜单</title> &l...

CSS鼠标悬停在a标签上时列表显示在右边

2023-09-06 ｜0 条评论

<!DOCTYPE html> <html> <head> <title>鼠标悬停显示/隐藏菜单</title> &l...

CSS一个简单的下拉列表示例

2023-09-06 ｜0 条评论

<html> <head> <title>鼠标悬停显示/隐藏菜单</title> <style> ....

CSS 为网页设置背景图片

2023-09-03 ｜0 条评论

html<div id="bj"></div> css#bj { top: 0; left: 0; right: 0; ...

css背景，红绿渐变

2023-08-31 ｜0 条评论

body { background: linear-gradient(to right, #ff0000, #00ff00); }

css背景，自定义图片向下移动

2023-08-31 ｜0 条评论

body { background-color: #000; overflow: hidden; position: relative; } body::before { co...

CSS背景，自定义图片左右滚动

2023-08-31 ｜0 条评论

body { background-color: #000; overflow: hidden; position: relative; } body::before { co...

css背景，点阵

2023-08-31 ｜0 条评论

body { background: repeating-radial-gradient(circle, #000 0, #000 5px, #fff 6px, #fff 10px);}

导航超链接样式css样式示例，自适应宽度

2023-08-30 ｜0 条评论

html <div class="ljdiv"> <a href="链接链接链接链接链接链接链接链接链接链接链接链接链接链接&q...

CSS 6种循环背景色链接示例

2023-08-07 ｜0 条评论

无图标<!DOCTYPE html> <html> <head> <title>彩色链接</title> <st...

css ul列表样式示例

2023-08-07 ｜0 条评论

html<!DOCTYPE html> <html> <head> <title>搜索引擎分类</title> </h...

css 动态背景

2023-08-03 ｜0 条评论

<html> <head> <meta http-equiv="content-type" content="text/ht...

CSS 搜索框下彩色线条滚动效果

2023-08-03 ｜0 条评论

html <div id="fff"> <input type="text" id="ww...

css Sprite/精灵图/雪碧图

2023-07-29 ｜0 条评论

通过background-image添加元素背景图片，通过background-position把背景图片移动到需要的位置<!DOCTYPE html> <html lang=...

css3 媒体查询，根据屏幕大小设置不同的css样式

2023-07-29 ｜0 条评论

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...

css3 渐变元素透明度实现呼吸效果动画

2023-07-29 ｜0 条评论

div{ /*元素宽度*/ width:500px; /*元素高度*/ height:500px; ...

css3 元素背景色和宽度渐变动画

2023-07-29 ｜0 条评论

参数效果源码div{ width:500px; height:500px; background-color:blueviolet; ...

css3 圆角，圆形，阴影效果

2023-07-29 ｜0 条评论

圆角按需设置值 border-radius: 100px; 改成100%变成圆 border-radius: 100%; 设置两个角的值 border-radius: ...

css 相对定位，绝对定位，固定定位

2023-07-29 ｜0 条评论

relative相对定位只有一个层，不会与同相对定位的元素覆盖随滑动网页移动位置.ssw{ width: 500px; height: 200px; background...

css 清除浮动

2023-07-29 ｜0 条评论

容器高度为0灰色盒子没有设置高度导致元素不显示添加高度后显示删除高度，给容器添加css overflow: hidden; clear:both;高度为子元素的高度clear:bo...

css 弹性盒子模型，子元素在父容器中的位置，对齐方式，分配子元素空间

2023-07-29 ｜0 条评论

开启弹性盒子开启弹性盒子，子元素默认水平排序display:flex; 指定弹性子元素在父容器中的位置指定弹性子元素在父容器中的位置row:默认排序，左到右，横向从左到右row-reverse:...

css 内边距，外边距，边框

2023-07-29 ｜0 条评论

/* padding 内边距：只有一个值是每个边的边距都是一样两个值：第一个是上下边距，第二个是左右边距三个值：第三个是设置下边距四个值：每个边的边距 */ padding:50px 10...

css 表格属性，边框样式，折叠边框，表格高度宽度，文字对齐，单元格背景色，文字颜色

2023-07-29 ｜0 条评论

边框样式线的粗细，实线，线的颜色给表格加边框线table{ border:1px solid red; } 给表格和单元格加边框线table,td{ border:1px so...

css 文本属性，对齐方式，修饰，大小写，缩进

2023-07-29 ｜0 条评论

指定元素文本的水平对齐方式text-align:left;左边，默认值：left;右边：right中间：center文字添加文本修饰：上划线，下划线，删除线删除线text-decoration:...

css 背景属性，背景颜色，背景图片，平铺图片，图片大小，起始位置

2023-07-29 ｜0 条评论

背景颜色background-color:aqua; 背景图片background-image:url("https://xn--xu0a.cn/api/sj"); 如何平铺...

css 字体属性，颜色，大小，粗细，样式，字体

2023-07-29 ｜0 条评论

字体颜色color:red;color:#0000ff;color:rgb(255,0,0);color:rgb(255,0,0,.5);字体大小字体最小12pxfont-size:16px;f...

css 判断浏览器是否为纵向/竖屏设置背景图片

2023-07-23 ｜0 条评论

body { background-image: url('https://xn--xu0a.cn/api/dn'); background-size...

CSS 提示框样式示例

2023-07-21 ｜0 条评论

html<div class="tooltip">这是默认提示框</div> css.tooltip { position: absolute;...

24种CSS渐变效果汇总

2023-06-20 ｜0 条评论

【写在前面】web开发过程中，页面背景色想要一个渐变的效果很多时候网上一找全是官网那种很丑的色系，尤其是一些按钮和一些大背景色时候，不能搞得很yellow，今天我就做个工具人给大家罗列一些我在工...

css超链接循环5色样式示例

2023-06-20 ｜0 条评论

a:nth-child(5n+1) { color: #39c408; background-color: rgba(58,196,8,.15); } a:nth-child(5...

css图片无限旋转和旋转指定角度

2023-06-18 ｜0 条评论

正时针旋转img { animation: rotate 2s linear infinite; } @keyframes rotate { from { transform:...

导航链接宽度自适应css样式示例

2023-06-04 ｜0 条评论

html<div class="ddiv"> <div class="ljdiv"> <a...

友情链接页面css样式示例

2023-05-18 ｜0 条评论

示例 Bhao's Blog 世间无田螺，世间多田螺。蒲公英日记漫无目的的飘零也是一种自由 ...

css设置100%的宽度减10px

2023-05-17 ｜0 条评论

height:calc(100% - 10px);

css一行显示4个元素，不足的左对齐

2023-05-16 ｜0 条评论

<!DOCTYPE html> <html> <head> <meta charset="utf-8">...

css 隐藏网页滚动条

2023-04-14 ｜0 条评论

让竖条没有:<body style=`overflow:-Scroll;overflow-y:hidden`> </body> 让横条没有:<body style=...

css 图片与文字对齐源码示例

2023-04-14 ｜0 条评论

预览图html<div id="yu"> <img src="favicon.ico" class="...

css 网页滚动条源码示例

2023-04-14 ｜0 条评论

网页滚动条html::-webkit-scrollbar { width: 7px; } html::-webkit-scrollbar-track { backgr...

css彩色文字示例

2023-04-11 ｜0 条评论

一#id{ position: absolute; background: linear-gradient(90deg, #03a9f4, #f441a5, #ff9c05, #03a9f...

CSS cursor属性鼠标指针样式

2023-04-07 ｜0 条评论

值描述 url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 default 默认光标（通常是一个箭...

css渐变色动态背景

2023-04-06 ｜0 条评论

<!DOCTYPE html> <html lang="en"> <head> <meta charset="U...

css循环色超链接样式示例

2023-04-02 ｜0 条评论

超链接样式：css超链接样式示例 - 维洛BLOGhttps://b.xn--xu0a.cn/index.php/archives/1384/#%E5%9B%9B一-a:nth-child(10...

css设置网页侧边栏滚动条样式

2023-03-29 ｜0 条评论

原滚动条新滚动条/*滚动条显示样式*/ ::-webkit-scrollbar-thumb{ background-color:#FF6666; /*更改喜欢的十六进制颜色*/ height:5...

css超链接样式示例

2023-03-29 ｜0 条评论

一a{ width: 157px; line-height: 180%; background: #fff; text-align: center; padding: 5...

css美化彩色渐变框样式

2023-03-14 ｜0 条评论

1.CSS代码#zm_mhz,#zm_xgh,#zm_tkzj,#zm_xyz,#zm_gll ,#zm_xty,#zm_yyz,#zm_szh,#zm_wbk{ /*圆角值,在此定义*/ bo...

CSS 自动换行、强制不换行、强制断行、超出显示省略号

2023-02-10 ｜0 条评论

html<div class = "word"> <p class = "nowrap">wordwrap:breakwo...

css 行级元素和块级元素

2023-01-16 ｜0 条评论

行内元素span、i、 a、 img等等。在一行内显示，一般情况不可以设置宽高的元素就是行内元素。块级元素div、h1、p、li等等。独占一行，可以设置宽高的元素就是块级元素。块级元素转换成行...

css网页适配手机端

2023-01-09 ｜0 条评论

当浏览器窗口宽度很大时候：显示500×500的青蓝色块当浏览器窗口中等时候：显示300×300的蓝色色块当浏览器窗口非常小的时候：显示100×100的红色色块这种布局叫做响应式布局，会根据窗口宽...

css 各类选择器

2022-12-15 ｜0 条评论

元素名称页面上的所有元素都将居中对齐，并带有红色文本颜色：<p>每个段落都会受到样式的影响。</p> <p id="para1">我也...

css 网页超链接a标签排列样式示例

2022-12-15 ｜0 条评论

只有a标签a { border-radius: 10px; padding: 5px; width: 12rem; height: 42px; line-...

css 网页全屏iframe框架

2022-12-15 ｜0 条评论

cssiframe{ width: 100%; border: none; overflow: hidden; margin-bottom: -4.5px; ...

css彩色动态变色文字

2022-12-12 ｜0 条评论

转载：CSS 一种颜色变化的文字_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1RT4y1Z7Kg/p { font-size: 30px...

css动态彩色背景

2022-12-07 ｜0 条评论

html：<span>Meditation</span>css:@import url('https://fonts.googleapis.com/css2?family...

给导出的书签链接设置css样式

2022-11-30 ｜0 条评论

对比图原书签电脑端访问手机端访问源码在<TITLE>Bookmarks</TITLE>（第7行）后面复制粘贴以下代码，保存后重新打开Bookmarks是网页标题<h...

css 手机端访问网页时隐藏元素或更改css样式

2022-11-25 ｜0 条评论

示例（手机访问时隐藏图片）@media screen and (max-width: 1300px){ img{ display: none; } }

css 鼠标悬停在图片时显示文字

2022-10-18 ｜0 条评论

1、使用 div 和 span 定义将在图片上要出现的文字可以通过 div 和 span 将 HTML 元素组合起来。<div> <span>这是要在图片上出现的文字&l...

css手机端和PC端访问网页时设定不同背景图

2022-09-01 ｜0 条评论

css @media 规则为不同的媒体类型/设备应用不同的样式

2022-09-01 ｜0 条评论

如果浏览器窗口的宽度为 600px 或更小时，把元素的背景颜色更改为“浅蓝色”@media only screen and (max-width: 600px) { body { ...

css 设置是否能选取元素的文本，user-select 属性

2022-07-26 ｜0 条评论

值描述auto 默认。如果浏览器允许，则可以选择文本。none 防止文本选取。text 文本可被用户选取。all 单击选取文本，而不是双击。 user-selec...

css 样式表中的 element.style样式修改

2022-07-26 ｜0 条评论

在css后面加上!important示例：display: none!important;参考：css important_百度百科https://baike.baidu.com/item/cs...

CSS display属性，显示与隐藏

2022-07-23 ｜0 条评论

将元素显示为块级元素display:block鼠标悬停时显示dropbox:hover .droplist{display:block;“display:none”的意思是设置元素不可见并且连盒...

css 元素内插入内容，:after

2022-07-21 ｜0 条评论

:after 选择器向选定元素的最后子元素后面插入内容。使用content 属性来指定要插入的内容。每个<p>元素后插入内容：<style> p:after { ...

css 网页模糊/黑白，filter(滤镜) 属性

2022-07-21 ｜0 条评论

CSS3 filter(滤镜) 属性 | 菜鸟教程网页模糊 <style> body { filter: blur(10px); } </style> ...

css 选中文字时的文字颜色和背景颜色更改，::selection

2022-07-21 ｜0 条评论

::selection选择器匹配元素中被用户选中或处于高亮状态的部分。::selection只可以应用于少数的CSS属性：color, background, cursor,和outline。&...

css 网页背景图适配手机端

2022-07-20 ｜0 条评论

手机访问时重复背景图body{ background-image: url("/asset/images/0.jpg"); backgrou...