Html使用纯css画线

有时候需要在页面里绘画线条,复杂点的可以使用canvas去画,简单点的可以直接使用css搞定,通过:before和:after伪类实现。

效果如图:
Html使用纯css画线_第1张图片

代码如下:





    
    
    
    Document

你可能感兴趣的:(htmlcss)

  • 通过AI来创建一个_____html css网页制作成品 例子演示 数码小沙 html
    使用AI输入创建一个htmlcss网页制作成品例然后出来好的，我将为您创建一个简单的HTML和CSS网页制作的示例。这个示例将包括基本的布局、文本样式和一些内联的CSS样式。{"name":"dalle","description":"AsimpleexampleofafinishedHTMLandCSSwebpage,featuringacleanlayoutwithaheader,naviga
  • Vue笔记 -- CSS之清除浮动 lyking
    一、代码如下HTMLCSS.container{border:4pxsolidred;overflow:hidden;}.left{width:100px;height:400px;background-color:#482;float:left;}.right{width:200px;height:400px;background-color:#d96;float:right;}.footer{
  • 【前端实例代码】使用HTML CSS 和 JavaScript制作一个五星评价的功能~可动态好评+差评+留言功能~ 南北极之间 web前端特效源码javascriptcss编程入门网页设计编程入门代码html
    bilibili在线视频演示地址：【web前端特效源码】使用HTMLCSS和JavaScript制作一个五星评价的功能！可动态好评+差评+留言功能！效果图：
  • ES6 手写一个“辨色”小游戏 小皮咖 JAVASCRIPTes6
    1.前言依稀记得几年前朋友圈流行的辨色小游戏，找出颜色不同的矩形。前些天突发奇想，打算自己手写一个类似的游戏，话不多说，先上Demo.–项目源码本实例基于ES6实现，并兼容ie9及以上。2.项目结构index.htmlindex.cssindex.js本文主要讲述如何使用js实现功能，htmlcss不在此范围。直接上代码。suporkacolorgame辨色力测试找出所有色块里颜色不同的一个开始挑
  • DIV + CSS 布局：盒子内容超出宽度时，不换行，以滚动条形式水平滑动 01空间 常见场景解决方案csshtml
    滚动条水平滚动展示溢出内容htmlcss（less）思路html11112222333344445555666677778888css（less）.outer{background-color:#39a9ed;overflow-x:auto;&::-webkit-scrollbar{display:none;}white-space:nowrap;.item{display:inline-bloc
  • HtmlCss光标(插入符caret)透明隐藏光标 221106笔记 kfepiza HTMLCSSJShtmlcss
    HtmlCss光标透明隐藏光标221106笔记光标有两种文字插入符光标(caret),一闪一闪的竖线鼠标光标(cursor),或者应该叫指针,或叫鼠标指针光标caret文字光标或叫插入符光标cursor鼠标光标或叫鼠标指针这里说的是文字插入符光标(caret),一闪一闪的竖线caret的一种记忆方式car>>>care>>>caretHtmlCss光标透明隐藏光标可以用css的caret-colo
  • CSS3简介 Muko_0x7d2 前端开发css3
    CSS3简介1.CSS3概述CSS3是CSS2的升级版本，它在CSS2的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。CSS3在未来会按照模块化的方式去发展：https://www.w3.org/Style/CSS/current-work.htmlCSS3的新特性如下：新增了更加实用的选择器，例如：动态伪类选择器、目标伪类选择器、伪元素选择器等等。新增了更好的视觉效果，例如：圆角、
  • 前端小白之div+css3绘制可爱的大白 前端毛毛
    大白html代码;htmlcss3代码这里只有一部分代码实在有点长《偷笑偷笑》如果想要代码的话私信一下我立刻给你发过去主要知识点：熟悉掌握css3
  • echarts水波图示例 弘岛
    该示例使用于vue3项目中效果图image.png准备下载包npminstallecharts--savenpminstallecharts-liquidfill--save在需要使用的组件中引用import*asechartsfrom"echarts";import"echarts-liquidfill";htmlcss#chart{width:300px;height:300px;border
  • Vue2基础 Zyangxsir vue
    前端技术了解（了解）ES6常见语法（掌握）Vue入门（掌握）Vue表达式（掌握）Vue指令（掌握）计算属性与侦听器（了解）一、前端技术了解（了解）前端发展历史1.静态页面1990htmlcss2.异步刷新-操作dom1995javascprint3.动态页面Asp/jsp（java）,php等，后台臃肿4.Ajax成为主流-jQueryajax-jQuery5.Html5单页面春天了6.NodeJ
  • vue踩坑 html2canvas Amanda_79a0
    htmlcss#imageWrapper{width:340px;height:480px;overflow:visible!important;}js，由于canvas在绘制过程中asyncdown(){var_this=thiswindow.scrollTo(0,0);//如果你的窗口滚动的话需要，letimageWrapper=document.getElementById('imageWr
  • 火贱兔奔月 程序小院 H5小游戏前端csscanva可画javascript游戏
    欢迎来到程序小院火贱兔奔月玩法：点击左右箭头，控制火贱兔躲开障碍物，奔向月球和嫦娥姐姐约会，贱兔就是矫情，快去本月吧^^。开始游戏https://www.ormcc.com/play/gameStart/267htmlcss#weChat_tips.txt{color:#fff;font-size:0.875rem;font-family:"MicrosoftYaHei",simsun;width
  • 品优购项目实战 guai_guai_guai html前端
    品优购项目搭建工作：创建文件夹以及文件名称说明shoping项目文件夹images样式类图片文件夹css样式文件夹upload产品类图片文件夹fonts字体类文件夹js脚本文件夹首页index.htmlCSS初始化样式文件base.cssCSS公共样式文件common.css模块化开发模块化：将一个项目按照功能划分一个功能一个模块，互不影响模块化开发具有重复利用，更换方便等优点有些样式和结构在很多
  • 【前端实例代码】使用 HTML CSS 和 JavaScript 实现具有彩色发光霓虹灯悬停效果的icon图标|前端开发 网页制作 基础入门教程 南北极之间 web前端特效源码javascripthtmlcss网页设计编程入门代码编程入门
    b站视频演示效果：【web前端特效源码】使用HTMLCSS和JavaScript实现具有彩色发光霓虹灯悬停效果的icon图标|前端开发网页制作基础入门教程效果图：完整代码：【前端实例代码】使用HTMLCSS和JavaScript实现具有彩色发光霓虹灯悬停效果的icon图标|前端开发网页制作基础入门教程
  • HTMLCSS学习笔记（十一）-- css3渐变及2D 千锋HTML5学院
    浏览器前缀-ms-:IE浏览器专属的CSS属性需添加-ms-前缀-ms-box-shadow:1px1px0#CCC;-moz-:所有基于Gecko引擎的浏览器（如Firefox）专属的CSS属性需添加-moz-前缀-moz-box-shadow:1px1px0#CCC;-o-:Opera浏览器专属的CSS属性需添加-o-前缀-o-box-shadow:1px1px0#CCC;-webkit-:所
  • html+css,动画实现“地球绕太阳旋转“ Summer_Uncle htmlcss前端
    1.效果html+css实现地球绕太阳旋转2.代码htmlcss.main{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}.maindiv{border-radius:100%;}.son{width:300px;height:300px;background-color:rgb(255
  • html css 基本词汇 汝&戏 csshtml前端
    1.0htmlcss基本词汇一、页面布局（layout）header头部/页眉；index首页/索引；logo标志；nav/sub_nav导航/子导航；banner横幅广告；main/content主体/内容；container/con容器；wrapper/wrap包裹（类似于container）；menu菜单；sub_menu/second_menu子菜单/二级菜单；list列表；section
  • html怎么删除链接css,css如何去掉链接的下划线？ KerstinTongxi html怎么删除链接css
    我们在HTML网页制作过程中，相信大家对超链接这个概念并不陌生。我们都知道想要给某段文本或者指定元素添加一个锚点也就是超链接需要用到HTML中的a标签。在使用a标签时文本超链接会自动出现下划线！这就让一些小白们感到苦恼了，因为从视觉美观上来说枯燥单调的文本超链接显示显然并不好看。所以如何使htmlcss超链接去掉下划线，即怎么去掉文本超链接下划线成了新手们暂时较为棘手的问题。本篇文章就给大家详细讲
  • html a 样式消除,css如何去掉a的下划线？ 晓晓不是小小 htmla样式消除
    我们在HTML网页制作过程中，相信大家对css文本超链接这个概念并不陌生。我们都知道想要给某段文本或者指定元素添加一个锚点也就是超链接需要用到HTML中的a标签。那么有的新手可能就会发现，在使用a标签时文本超链接会自动出现下划线！这就让一些小白们感到苦恼了，因为从视觉美观上来说枯燥单调的文本超链接显示显然并不好看。所以如何使htmlcss超链接去掉下划线，即怎么去掉文本超链接下划线成了新手们暂时较
  • 学习笔记~1.2 CSS浮动布局&盒模型 zeddme HTML及CSShtmlcss
    1.2CSS浮动布局及盒模型笔者为正在学习web前端开发基础的菜鸟，计划先学习祖传三大件：HTMLCSS及JS。写博客主要是为了加深记忆，以及把自己所学分享。本博客的内容主要为学习笔记，由于自学，其中我会借鉴网课老师课堂笔记再加入一些自己的见解，同时会分享一些学习过程中遇到的问题和解决方法正文1.什么是浮动？浮动就是让块级标签不独占一行。目的（使用场景）：把块级标签元素可以排在一行上。2.浮动的原
  • 2019-04-01 Yscum
    htmlcss样式1.内部样式表:在元素标签内写的样式style="属性:值"2.内联样式3.外联样式
  • 浏览器每次请求新文件不使用缓存方案 仰望天空的人
    HTMLCSS、JavaScriptconstmathnum=(Math.random()*10);//定义一个随机数变量然后复制到linkscript路径后?+mathnumimage.png每次请求都是新文件插播：msconfig服务：关闭浏览器更新，演示时操作
  • HTML 中建立阴影，在弹框时不允许操作按钮 Mr菜头
    htmlcss.shadow{background-color:rgba(199,199,207,0.5);width:100%;height:100%;z-index:99;position:fixed;top:0px;left:0px;}
  • 前端开发——vue（一） sumo_123 前端vue
    1.前端框架的发展历史前端工程师（攻城狮）12.htmlcss+div13.js加入jquery14.MVCangular1.0react15.vue微信小程序2.Vue.js第一次使用什么是框架？什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的，它就是一个工具查看vue.js的源代码暂时学习使用的是全局变量形式jsx(javascript+xml)总结vue.js第一次使用使用scr
  • 八爪鱼拉拉手 程序小院 H5小游戏javascript开发语言ecmascript游戏前端html
    欢迎来到程序小院八爪鱼拉拉手玩法：点击鼠标左键拖动移动八爪鱼，当他的手很忙的时候他会很高兴，不同关卡不同的八爪鱼的位置摆放，快去闯关吧^^。开始游戏https://www.ormcc.com/play/gameStart/248htmlcss#orientation{margin:0auto;position:absolute;top:0;left:0;width:100%;height:100%
  • 暴打小苹果 程序小院 H5小游戏javascript开发语言ecmascript游戏前端html
    欢迎来到程序小院暴打小苹果玩法：鼠标左键点击任意区域可发招暴打，在苹果到达圆圈时点击更容易击中，30秒挑战暴打小苹果，打中一次20分，快去暴打小苹果吧^^。开始游戏https://www.ormcc.com/play/gameStart/247htmlcss.orientp{position:absolute;width:100%;height:30px;text-align:center;lef
  • 仿stackoverflow名片与b站名片实现（HTML、CSS） Kinno酱 #884Web开发前端htmlcss前端
    目录前言一、仿stackoverflow名片HTMLCSS二、仿b站名片HTMLCSS素材前言学习自ACwing-Web应用课一、仿stackoverflow名片HTMLDocumentaskedAug3,2022at2:30Kinno1,02431425CSS.user-card-body-photoimg{width:32px;height:32px;border-radius:4px;}.u
  • HTMLCSS学习笔记（六）-- 元素类型 千锋HTML5学院
    元素类型根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，可变元素&&三种类型：块状元素，内联元素，内联块元素(css2.1增加)块状元素的特点块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。块状元素都可以定义自己的宽度和高度。块状元
  • 背景图片根据分辨率大小始终铺满居中不变形 noyanse
    分三层，第一层relative,第二层absolute，第三层fixed扩充父元素的宽高htmlcss.page-container{position:relative;}.front-container{min-height:690px;max-height:750px;position:absolute;right:0;top:0;bottom:0;left:0;}.front-bg{posi
  • 六格验证码填充 招来红月 javascript前端
    六格验证码填充简单思路htmlcss#verificationCodeinput{width:40px;height:40px;font-size:24px;text-align:center;}jsconstverificationCodeInputs=document.querySelectorAll('#verificationCodeinput');verificationCodeInpu
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
  • jquery中两个值得注意的方法one()和trigger()方法 jackyrong trigger
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为    one(type,${data},fn) &nb
  • 拿工资不仅仅是让你写代码的 lampcy 工作面试咨询
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
  • 架构师之对象操作----------对象的效率复制和判断是否全为空 nannan408 架构师
    1.前言。   如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
  • ajax 被缓存的解决方案 Rainbow702 JavaScriptjqueryAjaxcache缓存
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，
  • 修改date.toLocaleString()的警告 tntxia String
      我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：   package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.
  • 项目完成后的小总结 xiaomiya js总结项目
    项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他