阿贵 发布的文章 - 第 2 页 - Java程序员_编程开发学习笔记_网站安全运维教程_渗透技术教程
首页
关于
Search
1
ARCHPR软件中文版以及功能介绍
94 阅读
2
融合SCDN使用教程
32 阅读
3
Linux系统MC我的世界Java版服务器搭建教程
27 阅读
4
Python爬虫伪造请求头教程
21 阅读
5
Java三元运算符教程
20 阅读
基础教程
实例程序
基础题目
Web网站开发
网站运维
其它编程语言
PHP教程
Python教程
MysQL教程
框架教程
ThinkPHP
操作系统
Linux
Windows
软件脚本
MC开服教程
源码分享
前端教程
Vue3教程
布局实例
前端特效
登录
/
注册
找到
166
篇与
阿贵
相关的结果
- 第 2 页
2024-12-17
MySQL常用语句大全
MySQL的常用语句涵盖了数据库的创建与管理、表的创建与操作、数据的增删改查等多个方面。以下是一个MySQL常用语句的大全: 一、数据库操作 创建数据库 CREATE DATABASE 数据库名; 查看所有数据库 SHOW DATABASES; 使用数据库 USE 数据库名; 删除数据库 DROP DATABASE 数据库名;二、表操作 创建表 CREATE TABLE 表名 ( 字段名1 字段类型 [约束条件], 字段名2 字段类型 [约束条件], ... 字段名n 字段类型 [约束条件] );例如: CREATE TABLE students ( id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(50) NOT NULL, age INT, gender CHAR(1) ); 查看当前数据库下的所有表 SHOW TABLES; 查看表结构 DESCRIBE 表名;或 SHOW COLUMNS FROM 表名; 查看表的创建语句 SHOW CREATE TABLE 表名; 删除表 DROP TABLE 表名; 修改表名 ALTER TABLE 旧表名 RENAME TO 新表名; 添加字段 ALTER TABLE 表名 ADD 字段名 字段类型 [约束条件]; 修改字段 修改字段类型: ALTER TABLE 表名 MODIFY COLUMN 字段名 新字段类型 [新约束条件]; 修改字段名和字段类型: ALTER TABLE 表名 CHANGE 旧字段名 新字段名 新字段类型 [新约束条件]; 删除字段 ALTER TABLE 表名 DROP COLUMN 字段名;三、数据操作 插入数据 插入一条数据: INSERT INTO 表名 (字段名1, 字段名2, ...) VALUES (值1, 值2, ...); 插入多条数据: INSERT INTO 表名 (字段名1, 字段名2, ...) VALUES (值1_1, 值1_2, ...), (值2_1, 值2_2, ...), ...; 查询数据 查询所有字段: SELECT * FROM 表名; 查询指定字段: SELECT 字段名1, 字段名2, ... FROM 表名; 条件查询: SELECT 字段名1, 字段名2, ... FROM 表名 WHERE 条件; 排序查询: SELECT 字段名1, 字段名2, ... FROM 表名 ORDER BY 字段名 [ASC|DESC]; 分页查询: SELECT 字段名1, 字段名2, ... FROM 表名 LIMIT 起始位置, 查询条数; 更新数据 UPDATE 表名 SET 字段名1=值1, 字段名2=值2, ... WHERE 条件; 删除数据 DELETE FROM 表名 WHERE 条件;四、其他常用语句 LIKE子句 用于模糊查询,例如: SELECT * FROM 表名 WHERE 字段名 LIKE '模式';其中,“模式”可以包含通配符%(表示任意数量的字符)和_(表示单个字符)。 UNION操作符 用于合并两个或多个SELECT语句的结果集,例如: SELECT 字段名1, 字段名2, ... FROM 表名1 UNION [ALL] SELECT 字段名1, 字段名2, ... FROM 表名2;其中,UNION默认会去除重复的行,而UNION ALL则不会。 事务处理 开启事务: START TRANSACTION;或 BEGIN; 提交事务: COMMIT; 回滚事务: ROLLBACK; 权限管理 授予权限: GRANT 权限类型 ON 数据库.表 TO '用户名'@'主机名'; 回收权限: REVOKE 权限类型 ON 数据库.表 FROM '用户名'@'主机名'; 备份与恢复 备份数据库: mysqldump -u 用户名 -p 数据库名 > 备份文件.sql 恢复数据库: mysql -u 用户名 -p 数据库名 < 备份文件.sql以上就是MySQL的常用语句大全,涵盖了数据库和表的基本操作、数据的增删改查以及其他一些常用功能。掌握这些语句可以帮助你更好地进行MySQL数据库的管理和操作。
MysQL教程
其它编程语言
阿贵
1年前
0
4
0
2024-12-17
MySQL基础语法知识
MySQL是一种广泛使用的关系型数据库管理系统,其基础语法是操作数据库、表和数据的核心。以下是一个MySQL最新最全的基础语法知识教程: 一、数据库的基本操作 登录与退出 登录MySQL:mysql -uroot -p -P3306 -h127.0.0.1(其中-u表示用户名,-p表示密码,-P表示端口号,-h表示主机地址)。 退出MySQL:使用exit、quit或\q命令。 数据库的增删改查 创建数据库:CREATE DATABASE 数据库名;。如果希望仅在数据库不存在时创建,可以使用CREATE DATABASE IF NOT EXISTS 数据库名;。 删除数据库:DROP DATABASE 数据库名;。如果希望在数据库存在时删除,可以使用DROP DATABASE IF EXISTS 数据库名;。 修改数据库:可以使用ALTER DATABASE语句修改数据库的字符集等属性,例如ALTER DATABASE db1 CHARSET utf8;。 查看数据库:使用SHOW DATABASES;命令查看所有数据库,使用SHOW CREATE DATABASE 数据库名;查看指定数据库的创建信息。 使用数据库 选择数据库:使用USE 数据库名;命令选择当前要操作的数据库。 查看当前数据库:使用SELECT DATABASE();命令查看当前正在使用的数据库。 二、表的基本操作 创建表 使用CREATE TABLE语句创建表,例如: CREATE TABLE 表名 ( 字段名1 数据类型1 [完整约束条件1], 字段名2 数据类型2 [完整约束条件2], ... 字段名n 数据类型n [完整约束条件n] );其中,字段名表示表中的列名,数据类型表示该列的数据类型,完整约束条件用于限制该列的数据。 查看表 查看当前数据库下的所有表:使用SHOW TABLES;命令。 查看表结构:使用DESCRIBE 表名;或DESC 表名;命令查看表的字段、类型、约束等信息。 查看表的创建语句:使用SHOW CREATE TABLE 表名;命令。 修改表 修改表名:使用ALTER TABLE 旧表名 RENAME TO 新表名;命令。 添加字段:使用ALTER TABLE 表名 ADD 字段名 数据类型 [完整约束条件];命令。 修改字段:使用ALTER TABLE 表名 MODIFY COLUMN 字段名 新数据类型 [新完整约束条件];命令。或者,如果要同时修改字段名和字段类型,可以使用ALTER TABLE 表名 CHANGE 旧字段名 新字段名 新数据类型 [新完整约束条件];命令。 删除字段:使用ALTER TABLE 表名 DROP COLUMN 字段名;命令。 修改表的存储引擎:使用ALTER TABLE 表名 ENGINE=存储引擎名;命令。 删除表 使用DROP TABLE 表名;命令删除表。如果希望在表存在时删除,可以使用DROP TABLE IF EXISTS 表名;命令。 三、数据的增删改查 插入数据 使用INSERT INTO语句插入数据,例如: 插入指定字段的数据:INSERT INTO 表名 (字段名1, 字段名2, ...) VALUES (值1, 值2, ...); 插入所有字段的数据(按表结构顺序):INSERT INTO 表名 VALUES (值1, 值2, ...); 同时插入多条数据:INSERT INTO 表名 (字段名1, 字段名2, ...) VALUES (值1, 值2, ...), (值1', 值2', ...), ...; 查询数据 使用SELECT语句查询数据,例如: 查询所有字段:SELECT * FROM 表名; 查询指定字段:SELECT 字段名1, 字段名2, ... FROM 表名; 设置别名:SELECT 字段名1 AS 别名1, 字段名2 AS 别名2, ... FROM 表名; 去除重复记录:SELECT DISTINCT 字段名1, 字段名2, ... FROM 表名; 条件查询:SELECT 字段名1, 字段名2, ... FROM 表名 WHERE 条件; 更新数据 使用UPDATE语句更新数据,例如:UPDATE 表名 SET 字段名1=值1, 字段名2=值2, ... [WHERE 条件];。其中,WHERE子句用于指定要更新的记录。 删除数据 使用DELETE语句删除数据,例如:DELETE FROM 表名 [WHERE 条件];。其中,WHERE子句用于指定要删除的记录。 四、其他常用语法 注释 MySQL支持三种注释方式: 单行注释:使用--(后面需要跟一个空格)或#。 多行注释:使用/*...*/。 数据类型 MySQL支持多种数据类型,包括数值类型(如TINYINT、INT、DOUBLE等)、日期和时间类型(如DATE、DATETIME等)、字符串类型(如CHAR、VARCHAR等)。 约束条件 在创建表时,可以为字段添加约束条件,如主键约束(PRIMARY KEY)、外键约束(FOREIGN KEY)、非空约束(NOT NULL)、唯一约束(UNIQUE)、自动递增约束(AUTO_INCREMENT)等。 综上所述,MySQL的基础语法涵盖了数据库的创建、修改、删除、查询以及表的创建、修改、删除和数据的增删改查等操作。掌握这些基础语法是深入学习MySQL的前提。
MysQL教程
其它编程语言
阿贵
1年前
0
4
0
2024-12-17
MySQL详细介绍内容
MySQL是一个流行的关系型数据库管理系统(RDBMS),由瑞典的MySQL AB公司开发,现属于Oracle旗下产品。以下是对MySQL的详细介绍: 一、概述 MySQL将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性。MySQL软件采用了双授权政策,分为社区版和商业版,由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,一般中小型和大型网站的开发都选择MySQL作为网站数据库。 二、主要特性 开源性:MySQL是一个开源项目,用户可以免费获取和使用,并且可以自由查看、修改和分发源代码。这大大降低了企业的IT成本,使得初创公司和个人开发者能够在没有预算限制的情况下进行开发和创新。 跨平台性:MySQL支持多种操作系统,包括Windows、Linux、Mac OS等,具有很好的跨平台兼容性。 高性能:MySQL以高性能为目标,采用了多种优化技术来提高查询和事务处理的效率,如索引、查询优化器、缓存等。它能够处理大规模的数据集和高并发访问。 可定制性:MySQL具有灵活的可定制性,用户可以根据自己的需求进行配置和定制,包括存储引擎选择、缓存管理、线程池配置等。 可扩展性:MySQL支持水平和垂直的扩展方式。可以通过分布式架构、主从复制、分表分库等方式来扩展数据库的处理能力和存储容量。 数据安全性:MySQL提供了各种数据安全特性,包括访问控制、加密传输、审计日志等,可以保护数据的机密性、完整性和可用性。 丰富的功能:MySQL提供了丰富的功能,包括事务处理、触发器、存储过程、视图、备份和恢复等,可以满足复杂的数据处理需求。 三、存储引擎 MySQL支持多种存储引擎,每种存储引擎都有其特定的优点和适用场景: InnoDB:事务型数据库的首选引擎,支持ACID事务,支持行级锁定。从MySQL 5.5起成为默认数据库引擎。 MyISAM:MySQL 5.0之前的默认数据库引擎,拥有较高的插入和查询速度,但不支持事务。 Memory:所有数据置于内存的存储引擎,拥有极高的插入、更新和查询效率。但是会占用和数据量成正比的内存空间,并且其内容会在MySQL重新启动时丢失。 Merge:将一定数量的MyISAM表联合而成一个整体,在超大规模数据存储时很有用。 Archive:非常适合存储大量的、独立的、作为历史记录的数据,因为它们不经常被读取。 此外,还有Federated、Cluster/NDB、CSV、BlackHole、EXAMPLE等其他存储引擎,它们各自具有不同的特点和适用场景。 四、应用领域 MySQL的应用领域非常广泛,包括但不限于以下几个方面: 网站和Web应用:MySQL是许多网站和Web应用的首选数据库,用于存储用户信息、会话数据、商品信息等。 企业级应用:许多企业级应用使用MySQL来存储和管理业务数据,如客户关系管理系统(CRM)、企业资源规划系统(ERP)、库存管理系统等。 移动应用:许多移动应用后端使用MySQL来存储和检索数据,iOS和Android应用通常通过API与MySQL数据库进行交互。 游戏开发:MySQL也被用于游戏开发中,用于存储玩家信息、游戏状态、排行榜数据等。 五、优点与不足 MySQL具有许多优点,如开源性、高性能、可定制性等。然而,它也存在一些不足之处: 处理大数据的效率:对于需要存储非常大的数据的地方,MySQL的效率可能较低。 开发和调试工具:与其他数据库相比,MySQL没有良好的开发和调试工具,自带的workbench可能不太好用。 事务处理:MySQL在事务处理方面的效率可能较低,容易出现数据损坏的情况。 扩展性:MySQL的扩展性相对较差,不支持自动分片,需要手动维护节点。 尽管存在这些不足,但MySQL仍然是一个广泛使用的、功能强大的关系型数据库管理系统。 综上所述,MySQL是一个具有许多优点和广泛应用领域的关系型数据库管理系统。它以其开源性、高性能、可定制性等特点而受到开发者的喜爱。同时,也需要注意到它的不足之处,并在实际应用中加以考虑和应对。
MysQL教程
其它编程语言
阿贵
1年前
0
3
0
2024-12-16
多个好看的css动态特效按钮效果代码
下面这些CSS按钮特效代码因其独特的设计和交互性,适用于多个现代数字界面和用户体验领域。概括而言,开发者可以将这段代码应用于以下领域: 网页设计与开发:在构建网站时,这些按钮可以用于导航栏、表单提交、购物车结账等关键位置,吸引用户点击并提升整体视觉效果。 移动应用界面:对于移动应用,特别是社交、购物和娱乐类应用,这些按钮能够增强用户交互体验,使应用界面更加生动和吸引人。 数字营销与广告:在数字广告、电子邮件营销和社交媒体推广中,这些特效按钮可以显著提高点击率和转化率,吸引更多潜在客户。 游戏开发:在游戏界面中,这些按钮可以用于开始、暂停、继续游戏或购买虚拟商品等关键操作,提升游戏的沉浸感和趣味性。 电子商务:在电商平台,这些按钮可以用于商品购买、添加到购物车、立即支付等关键步骤,引导用户完成购买流程。 企业展示与品牌推广:在企业官网或品牌展示页面,这些按钮可以用于联系我们、注册会员、下载APP等互动环节,增强品牌与用户之间的连接。 在线教育与培训:在在线课程、学习平台或培训网站中,这些按钮可以用于开始学习、报名参加、提交作业等学习流程,提升用户的学习体验。 动态按钮一: GIF 2024-12-16 0-02-36.gif图片 css动态按钮一代码: 隐藏内容,请前往内页查看详情 相关html代码: <button> Button </button>动态按钮二: GIF 2024-12-16 0-09-29.gif图片 css动态按钮二代码: 隐藏内容,请前往内页查看详情 相关htnml代码: <button> <span>BUTTON</span> </button> 动态按钮三: GIF 2024-12-16 0-11-48.gif图片 css动态按钮三代码: 隐藏内容,请前往内页查看详情 相关html代码: <button class="btn"> Watch </button>动态按钮四: GIF 2024-12-16 0-15-18.gif图片 css动态按钮四代码: 隐藏内容,请前往内页查看详情 相关html代码: <button class="button"> <div class="dots_border"></div> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="sparkle" > <path class="path" stroke-linejoin="round" stroke-linecap="round" stroke="black" fill="black" d="M14.187 8.096L15 5.25L15.813 8.096C16.0231 8.83114 16.4171 9.50062 16.9577 10.0413C17.4984 10.5819 18.1679 10.9759 18.903 11.186L21.75 12L18.904 12.813C18.1689 13.0231 17.4994 13.4171 16.9587 13.9577C16.4181 14.4984 16.0241 15.1679 15.814 15.903L15 18.75L14.187 15.904C13.9769 15.1689 13.5829 14.4994 13.0423 13.9587C12.5016 13.4181 11.8321 13.0241 11.097 12.814L8.25 12L11.096 11.187C11.8311 10.9769 12.5006 10.5829 13.0413 10.0423C13.5819 9.50162 13.9759 8.83214 14.186 8.097L14.187 8.096Z" ></path> <path class="path" stroke-linejoin="round" stroke-linecap="round" stroke="black" fill="black" d="M6 14.25L5.741 15.285C5.59267 15.8785 5.28579 16.4206 4.85319 16.8532C4.42059 17.2858 3.87853 17.5927 3.285 17.741L2.25 18L3.285 18.259C3.87853 18.4073 4.42059 18.7142 4.85319 19.1468C5.28579 19.5794 5.59267 20.1215 5.741 20.715L6 21.75L6.259 20.715C6.40725 20.1216 6.71398 19.5796 7.14639 19.147C7.5788 18.7144 8.12065 18.4075 8.714 18.259L9.75 18L8.714 17.741C8.12065 17.5925 7.5788 17.2856 7.14639 16.853C6.71398 16.4204 6.40725 15.8784 6.259 15.285L6 14.25Z" ></path> <path class="path" stroke-linejoin="round" stroke-linecap="round" stroke="black" fill="black" d="M6.5 4L6.303 4.5915C6.24777 4.75718 6.15472 4.90774 6.03123 5.03123C5.90774 5.15472 5.75718 5.24777 5.5915 5.303L5 5.5L5.5915 5.697C5.75718 5.75223 5.90774 5.84528 6.03123 5.96877C6.15472 6.09226 6.24777 6.24282 6.303 6.4085L6.5 7L6.697 6.4085C6.75223 6.24282 6.84528 6.09226 6.96877 5.96877C7.09226 5.84528 7.24282 5.75223 7.4085 5.697L8 5.5L7.4085 5.303C7.24282 5.24777 7.09226 5.15472 6.96877 5.03123C6.84528 4.90774 6.75223 4.75718 6.697 4.5915L6.5 4Z" ></path> </svg> <span class="text_button">Generate Site</span> </button> 动态按钮五: GIF 2024-12-16 0-17-16.gif图片 css动态按钮五代码: 隐藏内容,请前往内页查看详情 相关html代码: <button alt="tony stark"> <i>t</i> <i>o</i> <i>n</i> <i>y</i> <i> </i> <i>s</i> <i>t</i> <i>a</i> <i>r</i> <i>k</i> </button>综上所述,这些CSS按钮特效代码因其现代感、美观性和互动性,适用于广泛的数字设计和用户体验领域,能够帮助开发者提升项目的吸引力和用户参与度。
付费阅读
¥
2
前端特效
前端教程
阿贵
1年前
0
11
0
2024-12-15
超好看且实用的css特效悬停圆饼按钮效果代码
下面这段CSS按钮特效代码适用于多个现代数字设计和用户交互领域,主要涵盖以下几个方面: 社交媒体平台:由于代码中包含了针对Instagram、Twitter等社交媒体平台的图标和配色,这些特效按钮可以无缝融入社交媒体应用或网站中,提升用户互动体验。 个人或企业网站:对于希望展示其社交媒体链接的个人博客、作品集或企业官网,这些设计精美、带有悬停效果的按钮能够吸引访客点击,增强网站的专业性和互动性。 移动应用界面:随着移动设备的普及,这些按钮特效也适用于移动应用,特别是社交、娱乐和通讯类应用,能够提升用户界面的美观度和操作流畅性。 在线服务平台:对于提供在线服务(如技术支持、社区论坛、在线教育等)的平台,这些按钮可用于快速链接到相关社交媒体渠道或支持页面,便于用户获取帮助或参与讨论。 游戏与娱乐:在游戏或娱乐类应用中,这些特效按钮可用于导航菜单、角色选择或成就展示,增加游戏的趣味性和沉浸感。 数字营销与广告:在数字广告或电子邮件营销中,使用这些特效按钮可以吸引目标受众的注意力,提高点击率和转化率。 css圆饼悬停按钮特效代码: 隐藏内容,请前往内页查看详情 html全文代码: <div class="main"> <div class="up"> <button class="card1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30px" height="30px" fill-rule="nonzero" class="instagram"><g fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8,8)"><path d="M11.46875,5c-3.55078,0 -6.46875,2.91406 -6.46875,6.46875v9.0625c0,3.55078 2.91406,6.46875 6.46875,6.46875h9.0625c3.55078,0 6.46875,-2.91406 6.46875,-6.46875v-9.0625c0,-3.55078 -2.91406,-6.46875 -6.46875,-6.46875zM11.46875,7h9.0625c2.47266,0 4.46875,1.99609 4.46875,4.46875v9.0625c0,2.47266 -1.99609,4.46875 -4.46875,4.46875h-9.0625c-2.47266,0 -4.46875,-1.99609 -4.46875,-4.46875v-9.0625c0,-2.47266 1.99609,-4.46875 4.46875,-4.46875zM21.90625,9.1875c-0.50391,0 -0.90625,0.40234 -0.90625,0.90625c0,0.50391 0.40234,0.90625 0.90625,0.90625c0.50391,0 0.90625,-0.40234 0.90625,-0.90625c0,-0.50391 -0.40234,-0.90625 -0.90625,-0.90625zM16,10c-3.30078,0 -6,2.69922 -6,6c0,3.30078 2.69922,6 6,6c3.30078,0 6,-2.69922 6,-6c0,-3.30078 -2.69922,-6 -6,-6zM16,12c2.22266,0 4,1.77734 4,4c0,2.22266 -1.77734,4 -4,4c-2.22266,0 -4,-1.77734 -4,-4c0,-2.22266 1.77734,-4 4,-4z"></path></g></g></svg> </button> <button class="card2"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="30px" height="30px" class="twitter"><path d="M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429"></path></svg> </button> </div> <div class="down"> <button class="card3"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px" class="github"> <path d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"></path></svg> </button> <button class="card4"> <svg height="30px" width="30px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" class="discord"><path d="M40,12c0,0-4.585-3.588-10-4l-0.488,0.976C34.408,10.174,36.654,11.891,39,14c-4.045-2.065-8.039-4-15-4s-10.955,1.935-15,4c2.346-2.109,5.018-4.015,9.488-5.024L18,8c-5.681,0.537-10,4-10,4s-5.121,7.425-6,22c5.162,5.953,13,6,13,6l1.639-2.185C13.857,36.848,10.715,35.121,8,32c3.238,2.45,8.125,5,16,5s12.762-2.55,16-5c-2.715,3.121-5.857,4.848-8.639,5.815L33,40c0,0,7.838-0.047,13-6C45.121,19.425,40,12,40,12z M17.5,30c-1.933,0-3.5-1.791-3.5-4c0-2.209,1.567-4,3.5-4s3.5,1.791,3.5,4C21,28.209,19.433,30,17.5,30z M30.5,30c-1.933,0-3.5-1.791-3.5-4c0-2.209,1.567-4,3.5-4s3.5,1.791,3.5,4C34,28.209,32.433,30,30.5,30z"></path></svg> </button> </div> </div>综上所述,这段CSS按钮特效代码因其灵活性和美观性,适用于广泛的数字设计和用户交互领域,能够帮助开发者提升项目的吸引力和用户体验。
付费阅读
¥
2
前端特效
前端教程
阿贵
1年前
0
8
1
上一页
1
2
3
...
34
下一页
易航博客