×

css

CSS渐变背景看这一篇就够了(css 渐变背景)

Frank Frank 发表于2024-04-27 浏览32388 评论0
CSS渐变背景看这一篇就够了 在我们自己设计网页的时候,为了好看美观,颜色可谓是最让人头疼的一部分。尤其是在配色上又找不到一些好看的网站。今天我就来记录一些好看的渐变式背景,和一些常用的颜色网站。 CSS 渐变使可以显示两种或多种指定颜色之间的平滑过渡。让我们来玩一玩,看能玩出什么花来。 CSS 定义了两种渐变类型: 一、线性渐变(向下/向上/向左/向右/对角线) 我们通过属性 linear-gradient来这样定义一个线性渐变。 background-image: linea

css

Html制作表格(html制作表格代码)

king king 发表于2024-04-27 浏览17030 评论0
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术:table 作者:伊利奶盒 撰写时间:2022年3月10日 表格在网页中可以更好的划分所需的内容,比如一个软件的下载地址,通过表格划分可以清楚的告诉使用者新版本增加了什么新功能,以及新版本和旧版本相对应的下载链接,又或者一个游戏的下载页面,通过表格可以清楚的告诉玩家支撑该游戏运行所需的最低配置和推荐配置具体是什

css

滚动条样式修改(css滚动条样式修改)

星花园站长资源网 星花园站长资源网 发表于2024-04-27 浏览12953 评论0
前言 浏览器中的滚动条样式大家一定都不陌生,其样式并不好康。可能很多小伙伴还不知道,这个东东的样式也可以修改(仅支持部分现代浏览器),本次就来带大家用 CSS 修改一下它的样式。 一、认识滚动条 首先我们先来简单看一下滚动条是由哪几部分组成的: 当横向和纵向都有滚动条时,还会有一个交汇的部分(见下图),但是因为一般网页开发中都不会让横向出现滚动条(因为影响美观),所以这个小方块出现的频率不算太高。下图为同时有垂直滚动条和水平滚动条时交汇的部分: 二、解决方案 1. C

css

CSS--头歌(educoder)实训作业题目及答案(头歌educoder实训作业答案C语言)

正邦鞋业 正邦鞋业 发表于2024-04-27 浏览4999 评论0
目录 CSS——基础知识 第1关: 初识CSS:丰富多彩的网页样式 第2关: CSS样式引入方式 CSS——基础选择器 第1关: CSS 元素选择器 第2关: CSS 类选择器 第3关: CSS id选择器 CSS——文本与字体样式 第1关: 字体颜色、类型与大小 第2关: 字体粗细与风格 第3关: 文本装饰与文本布局 CSS——背景样式 第1关: 背景颜色 第2关: 背景图片 第3关: 背景定位与背景关联 CSS——表格样式 第1关: 表格边框 第2关:

css

每日一学—text-decoration 属性

yufeasd yufeasd 发表于2024-04-26 浏览9491 评论0
 什么是text-decoration 属性❓   text-decoration 属性是指规定添加到文本的修饰   text-decoration 属性是以下三种属性的简写: text-decoration-line text-decoration-color text-decoration-style  text-decoration属性值 值 描述 none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文

css

js做一个碎片化轮播图酷炫特效【含免费源码获取】(js图片轮播效果实现代码)

投降输一半 投降输一半 发表于2024-04-23 浏览12828 评论0
💥本篇为js+html+css实现的一个碎片化轮播图酷炫特效,有项目中需要或者感兴趣小伙伴文末公众号免费领取 🚀 欢迎小伙伴们 点赞👍、收藏⭐、留言💬 🎀下方视频展示具体演示效果        👇 👉🚔直接跳到末尾🚔👈 ——>领取源码以及专属粉丝福利💖        ☝️ 代码展示 🎈Html代码展示 <!DOCTYPE html> <html> <head> <meta charset="utf-

css

HTML+CSS实现搜索框

小调 小调 发表于2024-04-23 浏览5169 评论0
HTML+CSS实现搜索框: 需求分析: 1、输入框焦点事件 onfocus:成为焦点, 点击输入框的时候,出现闪烁光标,此时可以输入内容。 onblur :失去焦点, 点击页面空白区域,光标消失。此时不可以输入内容。 2、获取元素 3、注册事件 onfocus:成为焦点, 点击输入框的时候,出现闪烁光标,此时可以输入内容 1)、显示ul 2)、自身边框改变 (通过新增search类名) onblur :失去焦点, 点击页面空白区域,光标消失。此时不可以输入内容 1)、隐

css

【代码案例】博客页面设计(附完整源码)(web博客设计源码)

漂泊 漂泊 发表于2024-04-22 浏览5342 评论0
本篇文章主要利用前面学习的前端知识来构建出一个博客的网页页面。 博客主要分为四个页面: 博客列表页 博客正文页 博客登录页 博客编辑页 博客列表页 首先创建一个blog_list.html文件,用于编写博客列表页。 实现导航栏 导航栏中包含logo(此处使用的是我的头像)、标题、以及一些跳转链接。 为了实现左右排列,在logo和链接之间加一个spacer作为占位器。 <!DOCTYPE html> <html lang="en">

css

【Educoder】CSS答案(CSS——基础知识、CSS——基础选择器、CSS——文本与字体样式、CSS——背景样式、CSS——表格样式)

卜慧 卜慧 发表于2024-04-21 浏览6462 评论0
CSS——基础知识 初识CSS:丰富多彩的网页样式 编程要求 在右侧编辑器中,补全Begin至end中间的部分,选择index.html文件,设置其CSS样式为: 修改h1标题的text-align为居中显示,字体大小为40px; p段落的颜色为灰色:grey,字体大小为18px。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit

css

css常见居中方法总结(css居中的方法)

张小黑。 张小黑。 发表于2024-04-21 浏览13029 评论0
最近跟着网上的教程做了几个网页项目,做的过程中关于居中涉及到了好几种方法,遂想将其总结归纳下来,一是理清自己的思路,二是希望能分享给需要帮助的小伙伴们。 话不多数,直奔主题。 本次涉及到的居中方法有七种,均为平时会常用到的。 目录 1.text-align:center 用于水平对齐 2.使用line-height属性来调整文本行高来实现居中  3.vertical-align设置垂直对齐 4.background-position来设置水平/垂直方向位置 5 修改Padding