发布网友 发布时间:2022-04-21 06:43
共10个回答
懂视网 时间:2022-05-12 18:59
我们一般做水平三列布局都是用的float方法,将每一块浮动显示在同一行。这种方法会导致元素没有原来的高度属性,要用清除浮动来解决空间占据问题。对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。
2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了几乎所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。基本语法查看博客:Flex 布局教程:语法篇
另外还要对css中的伪元素有一定的了解:before、after
最后想要表情动起来,最主要的就是animation属性的使用了。
我们先对整体座椅个布局,使各个表情能直观的展示在各个位置上,因为每个表情几乎占据的是一个正方形的空间,所以我们将每个青蛙表情水平展示在页面上,这里就用到了flex布局方式。
<div class="container"><!--所有表情的存放容器,flex布局,所有子项目水平显示,自动换行,水平居中显示,竖直方向从顶部开始--><div class="emoji-container"> <!--存放青蛙表情的大容器,控制大小间距之类的属性--><div class="icon"> <!--存放每一个青蛙表情的容器,控制每一个表情自己的位置和特征--><div class="frog" id="frog-n"></div></div></div></div> body {background-color: #F1FFE6;} .container {width: 950px;margin: 70px auto 0px auto;text-align: center;} .container .emoji-container { /*flex弹性布局,多用于左右并排布局,跟float的作用类似,不用清除浮动*/ display: -webkit-box; display: -ms-flexbox; display: flex; /*justify-content属性定义了项目在主轴上的对齐方式。center就是在x轴上居中显示*/ -ms-grid-column-align: center; justify-items: center; /*align-items属性定义项目在交叉轴上如何对齐。flex-start就是从y轴的最上端开始排列*/ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /*flex-wrap属性定义,如果一条轴线排不下,如何换行。wrap:换行,第一行在上方。*/ -ms-flex-wrap: wrap; flex-wrap: wrap; } .container .emoji-container .icon { margin-right: 40px; margin-bottom: 40px; } .container .emoji-container .icon:nth-child(6n) { margin-right: 0px; } .icon {width: 125px;height: 120px;position: relative;} .icon .frog {position: absolute; top: 0;left: 0;width: 100%;height: 100%;}
观察一个每一个蛙蛙表情,虽然每一个表情形态各异,但是它们的身体、嘴巴、眼睛、小红晕的位置和大小几乎都是一致,这些一致的样式我们可以写成公用样式,每个蛙蛙的特征再根据每个人蛙蛙的id写单个的样式进行重绘或者覆盖。
<div class="frog" id="frog-1"> <!-- 蛙蛙的身体部分 --> <div class="body"> <!-- 蛙蛙的嘴巴 --> <div class="mouth"></div> </div> <!-- 蛙蛙的眼睛 --> <div class="eyes"> <!-- 蛙蛙的左右眼睛 --> <div class="eye eye-left"> <!-- 蛙蛙的内眼圈儿 --> <div class="eye-inner"> <!-- 蛙蛙的眼珠 --> <div class="pupil"> <!-- 蛙蛙眼圈里的光晕 --> <div class="light"></div> </div> </div> </div> <div class="eye eye-right"> <div class="eye-inner"> <div class="pupil"> <div class="light"></div> </div> </div> </div> </div> </div>/*蛙蛙身体部分样式*/.icon .frog .body {width: 110px;height: 86px;background-color: #A3D768; border-radius: 50%;position: absolute;top: 25px;left: 0;right: 0;margin: auto;box-shadow: 4px 4px 0px 0px rgba(163, 215, 104, 0.3); }/*蛙蛙嘴巴部分样式,因为每个蛙蛙的嘴巴不一样,所以公共样式就只定义了位置*/.icon .frog .body .mouth {margin: auto;}.icon .frog .eyes {width: 86px;height: 35px;position: absolute; top: 8px;left: 0;right: 0;margin: auto; }/*蛙蛙眼睛部分样式*/.icon .frog .eyes .eye {width: 35px;height: 35px;}.icon .frog .eyes .eye:before {content: "";display: block;width: 100%;height: 100%; background-color: #A3D768;border-radius: 50%; }/*蛙蛙眼圈部分样式*/.icon .frog .eyes .eye .eye-inner {background-color: #fff;width: 80%;height: 80%; position: absolute;top: 10%;left: 10%;border-radius: 50%; }/*蛙蛙眼珠部分样式*/.icon .frog .eyes .eye .eye-inner .pupil {background-color: #3F6A34; width: 60%;height: 60%;position: absolute;top: 20%;left: 20%;border-radius: 50%; }/*蛙蛙眼珠里的亮光部分样式*/.icon .frog .eyes .eye .eye-inner .pupil .light {background-color: #fff; width: 50%;height: 50%;position: absolute;top: 10%;left: 10%;border-radius: 50%; }/*蛙蛙左右两边眼睛的位置*/.icon .frog .eyes .eye-left {position: absolute;top: 0px;left: 0;}.icon .frog .eyes .eye-right {position: absolute;top: 0px;right: 0;}
第一只小青蛙是在基本样式的基础上有一个嘴角上扬的动态效果,所以要完成第一只蛙蛙的绘制,只要在公用样式的基础上加上嘴巴的动效就可以了,dom结构也是一样的。
.frog#frog-1 .body .mouth {width: 18px;height: 22px;border-bottom: 3px solid #3F6A34;position: absolute;top: 6px;left: 0;right: 0;-webkit-animation: smile 3.8s linear 0s infinite;animation: smile 3.8s linear 0s infinite; } @-webkit-keyframes smile { 0% { border-radius: 0%; } 20% { border-radius: 50%; } 70% { border-radius: 50%; } } @keyframes smile { 0% { border-radius: 0%; } 20% { border-radius: 50%; } 70% { border-radius: 50%; } }
第二只小青蛙的嘴巴是一个大嘴巴,脸颊上还有两个小红晕,眼睛是冒着爱心的,所以在dom结构上要加上红晕的div,嘴巴眼睛的样式也要做相应的修改。(主要是嘴巴、红晕和红色爱心的制作)
<div class="frog" id="frog-2"> <div class="body"> <!--存放蛙蛙的脸颊红晕--> <div class="blush"></div> <!--加上大嘴巴的class big-month--> <div class="mouth big-mouth"></div> </div> <div class="eyes"> <div class="eye eye-left"> <div class="eye-inner"> <div class="pupil"> <div class="light"></div> </div> </div> </div> <div class="eye eye-right"> <div class="eye-inner"> <div class="pupil"> <div class="light"></div> </div> </div> </div> </div> </div>/*第二只青蛙脸颊两边的红晕样式*/.icon .frog .body .blush {width: 75px;height: 9px;position: absolute;top: 20px;left: 0;right: 0;margin: auto; }.icon .frog .body .blush:before, .icon .frog .body .blush:after {content: "";display: block;width: 12px;height: 100%;background-color: #F7D2C9;border-radius: 50%; }.icon .frog .body .blush:before {position: absolute;top: 0;left: 0;}.icon .frog .body .blush:after {position: absolute;top: 0;right: 0;}/*第二只青蛙的嘴巴样式,用圆角和阴影的方式制作而成*/.icon .frog .body .big-mouth {width: 30px;height: 20px;border-radius: 0 0 50% 50%;box-shadow: 2px 2px 0px 0px rgba(63, 106, 52, 0.3); } .frog#frog-2 .mouth {background-color: #fff;position: absolute;top: 30px;left: 0;right: 0; }/*第二只青蛙的眼睛样式,将眼圈的背景设置为透明色,圆圈里面的亮光隐藏*/ .frog#frog-2 .eye-inner {top: 17%;background-color: transparent !important; -webkit-animation: hearts 0.6s linear 0s infinite alternate;animation: hearts 0.6s linear 0s infinite alternate; } @-webkit-keyframes hearts {0% { -webkit-transform: scale(0.7); transform: scale(0.7); }100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hearts {0% { -webkit-transform: scale(0.7); transform: scale(0.7); }100% { -webkit-transform: scale(1); transform: scale(1); } }/*第二只青蛙的眼睛的爱心样式,左上角和右上角设置交圆角50%,然后左右对应的旋转45度合并成一个爱心的形状*/ .frog#frog-2 .eye-inner:before, .frog#frog-2 .eye-inner:after {content: "";display: block; height: 70%;width: 40%;background-color: #C71F1C;border-radius: 50% 50% 0 0; } .frog#frog-2 .eye-inner:before {position: absolute;top: 0;left: 5px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg); } .frog#frog-2 .eye-inner:after {position: absolute;top: 0;right: 5px; -webkit-transform: rotate(45deg);transform: rotate(45deg); } .frog#frog-2 .eye-inner .pupil {display: none;}
第三只小青蛙相对于公共样式的变化是眼睛和嘴巴的变化,所以最主要的是画出左眼样式和嘴巴样式。
舌头的制作一个椭圆旋转对应的角度额按后被嘴巴遮挡住一部分制作而成,
<div class="frog" id="frog-3"> <div class="body"> <div class="mouth"> <!--存放舌头样式的容器--> <div class="toungue"></div> </div> </div> <div class="eyes"> <!--左眼添加wink的样式,作为左眼眯眼样式--> <div class="eye eye-left wink"> <div class="eye-inner"> <div class="pupil"> <div class="light"></div> </div> </div> </div> <div class="eye eye-right"> <div class="eye-inner"> <div class="pupil"> <div class="light"></div> </div> </div> </div> </div> </div>/*第三只小青蛙的左眼眯眼样式*/.icon .frog .eyes .eye.wink .eye-inner { background-color: transparent; width: 17px; height: 3px; background-color: #3F6A34; border-radius: 0; position: absolute; top: 15px; left: 0; right: 0; margin: auto; -webkit-transform: rotate(21deg); transform: rotate(21deg); }.icon .frog .eyes .eye.wink .eye-inner:before, .icon .frog .eyes .eye.wink .eye-inner:after { content: ''; display: block; width: 17px; height: 3px; background-color: #3F6A34; }.icon .frog .eyes .eye.wink .eye-inner:before { -webkit-transform: rotate(25deg); transform: rotate(25deg); position: absolute; top: -4px; left: 0; }.icon .frog .eyes .eye.wink .eye-inner:after { -webkit-transform: rotate(-25deg); transform: rotate(-25deg); position: absolute; top: 4px; left: 0; }.icon .frog .eyes .eye.wink .pupil { display: none; }/*第三只小青蛙的右眼亮光位置*/ .frog#frog-3 .eye-right .light { position: absolute; top: 10%; left: auto; right: 10%; }/*第三只小青蛙的嘴巴吐舌头样式*/ .frog#frog-3 .mouth { width: 25px; height: 25px; position: absolute; top: 5px; left: 0; right: 0; -webkit-transform: rotate(23deg); transform: rotate(23deg); } .frog#frog-3 .mouth:before { content: ""; display: block; border-bottom: 3px solid #3F6A34; width: 100%; height: 100%; border-radius: 50%; background-color: #A3D768; z-index: 3; position: absolute; top: 0px; left: 0; } .frog#frog-3 .toungue { width: 16px; height: 20px; background-color: #C71F1C; border-radius: 30px; z-index: 2; position: absolute; top: 17px; left: 4px; -webkit-transform-origin: center top; transform-origin: center top; -webkit-animation: toungue 2.0s linear 0s infinite; animation: toungue 2.0s linear 0s infinite; } @-webkit-keyframes toungue { 0% { -webkit-transform: scale(1, 1);transform: scale(1, 1); } 40% { -webkit-transform: scale(1, 1);transform: scale(1, 1); } 75% { -webkit-transform: scale(1, 0);transform: scale(1, 0); } } @keyframes toungue { 0% { -webkit-transform: scale(1, 1);transform: scale(1, 1); } 40% { -webkit-transform: scale(1, 1);transform: scale(1, 1); } 75% { -webkit-transform: scale(1, 0);transform: scale(1, 0); } } .frog#frog-3 .toungue:before { content: ""; display: block; width: 2px; height: 4px; background-color: #410a09; position: absolute; left: 0px; right: 0px; bottom: 5px; margin: auto;
热心网友 时间:2022-05-12 16:07
>_<||| 很尴尬~!!!
^_^; 尴尬
⊙﹏⊙‖∣° 真尴尬~~
^_^||| 好尴尬!
^_^" 尴尬的笑.....
→_→ 怀疑的眼神~~
..@_@|||||.. 头昏眼花
…(⊙_⊙;)… ○圭~○列~~怎麼酱?
o_o .... 沉思(说穿了"呆滞状况")
O__O" 呆滞的眼神~~~!!
///^_^....... 造成"冷"...乾笑~
?o?||| 听无(就是听不懂ㄉ意思啦^^)
( ^_^ )? 什麼意思??
(+_+)? 不知道你在什麼
(?ε?)? 哩公啥哇听无啦~
o_O??? 发生啥事?
@_@a 搔头,疑惑
一 一+ 锐利的眼神~
>"<|||| 伤脑筋的意思~
***【讶异的】***
‘(*>﹏<*)′ 好刺激..
(*@ο@*) 哇~
O_o 惊讶~~~
(⊙o⊙) 目瞪口呆
(°ο°)~ @ 晕倒,不省人事
*@_@* 崇拜的眼神;眼睛为之一亮
★~★ 见到偶像眼睛为之一亮
***【爱困的】***
~_~ 想睡觉了的意思!!
(~ o ~)~zZ 我想睡啦~
π_π 打瞌睡
***【表达爱意】***
(*^‧^*) 啵一个!
(^_^)∠※ 送你一束花
(*^〔^*〕 羞羞
‘(*^﹏^*)′ 超级羞羞
‘(*∩_∩*)′ 献上
***【其他的状况】***
=@~@= 一个看到美眉就紧张+脸红的大学生。
@(一-一) 秘密--------嘘```````
(ˇ^ˇ〉 不以为然
(^人^) 拜托啦^^~
(^_^)/~~ 掰掰~
*x*... ... 你*我也没用,我劫对不会搜粗弃的!
~w_w~ ... ... 嘘!别吵偶,让偶思考一下!
(vˍv) 嗯~,思考中
(*>.<*)~ @ 酸~
~`o`~ 了解
ˋ_ˊ* 你不要命啦!!!
-.- 装蒜
***【 感动的】***
~>_<~+ 好感人唷...
Q_Q 流眼泪的样子!!
(+﹏+) 流泪,感动
‘(+﹏+)′ 超级感动,眼泪不停
^_^o ~~~ 感动感动~~~
***【表情篇】***
(‧_‧?) 什麼事啊?
( *^_^* ) 笑(打招呼)
(..) 请问~
(((^^)(^^))) 什麼什麼,告诉我吧!
( T___T ) 怎麼会这样…
(≥◇≤) 感动~
……\ ( > < ) / 哇~出现了
( ⊙ o ⊙ ) 目瞪口呆
( ¯ □ ¯ ) 脑中一片空白
( *>.<* ) ~@ 酸~~!
( E___E ) 念昏了头
( $ _ $ ) 见钱眼开!
(b_d) 戴了副眼镜
( 3__3 ) 刚睡醒~
(*^@^*) 乖~还含个奶嘴哦
( @^^@) 脸红了啦!
o(‧"‧)o (皱眉头)
(?o?) 喔?
(☆_☆) 眼睛一亮
(*^〔^*) 羞羞脸
&( ^___^ )& 麻花辫女孩
(*^﹏^*) 超级羞羞~
(.Q.) (作鬼脸)
( 「 「 ) ~~~→ 怀疑喔~~
***【 问候篇】***
p( ^ O ^ )q 加油!
ㄟ(‧‧) (‧‧)ㄟ 去那里呀?
( ^___^ )y 喔耶~!
( /。\ ) 死相!
( # ^.^ # ) 幸福吗?
( ^^^ ) 对不起啦!
< ( _ _ ) > I'm sorry~
\ ( >O< ) / ki si la!
σ(¨) (*毙)
\( ^▽^ )/ 喔嗨唷~!
(.m.) 暴牙的人
(#‘′)凸 比中指
( -___- )b 哩马搬搬蛮
(((m -_-)m 鬼~~~
(‘‘)(’’) 默默相对
( ' – ' ) 嗯嗯。
(‘▽′)Ψ 诅咒你!
***【动作篇】***
........ ( . .) 有话快说…
(~^O^~) 嘿~
(¯^¯ ) 当然!
( @o@ )|||| ㄟㄟㄟ…!?
((o(^_ ^)o)) 期待状
( *_* ) 不妙了!
z( U__U )z 可恶…(手扠腰)
(>_<)}} 好冷喔~
( +_+ ) 刺眼!
(x___x) (昏倒)
( ∪.∪ )... zzz ZZZ 呼噜呼噜……
*\( ^ v ^ )/* GO (拿彩球)
d ( ^^ ) 暂停
( ¯▽¯;) 糟糕!被发现了!
(((((((((( ^^ ; 快逃~嘿嘿…
( 9__6 ) 我疯了…
(。^。) 嗤之以鼻
(;°○° ) 啊!!
( - __ - )y--~ 来根烟吧…
( ^3^ )╱~~ 给你一个飞吻~
(ˇ^ˇ) 不以为然
(^╴^A;) (擦汗…)
”( />< )/ 阿达~
o(‘′)OOO 连发飞拳!
o -_-)=○)°O°) 给你一拳!
***【情绪篇】***
\ (@^0^@) /你好!
( >﹏< ) 不~
< (‘^′) > 嗯哼~
( # ^^ # ) 偷偷的自满
(∩_∩) 微笑~
(#‘′) 哼!
( ~___~ ) 要你管…
( QoQ )b 人家才没有
/( YoY )\ 我放弃…
( 9__9 ) 很想睡觉哩
( > c < ) 哀哀叫!
(ˋ^ˊ) 我生气罗!
(^口^;) 真尴尬…
(‘A′)b 受到打击…
o (^^) o 呀比!
\ (^^) 好啦!
(~>__<~) 气得掉眼泪
(;-_-) 不知道啦
(→_→) 你是谁?
<(""O"")> Oh!My God
o(><;)o o 慌慌张张
(═‘′═) 做什麼啦!
(○^~^○) 幸福呢!
***【 动物篇】***
< °)#)))≤ 烤鱼
<*)>> >=< 鱼骨头
≡〔° °〕≡ 螃蟹
< □:≡ 鱿鱼
(:◎)≡ 章鱼
@/” 蜗牛
(‧‧)nnn 毛毛虫
(=^ ^=) 小猫咪
(¯(∞)¯) 猪猪
<‘▽′> 老虎
ζ°≡ 狮子
∑ ^ )/ 乌鸦
(:≡ 水母
(((● < 蟑螂
(°°)~ 蝌蚪
(=^ω^=) 狐狸
/( * W * )\ 小白兔
<(0^◇^0)> 麻雀
***【 杂物篇】***
■D〃 咖啡杯
ε==3 骨头
○●○— 烤丸子
●~* *
--<--<-<@ 玫瑰花
∠※ 花束
8< 小剪刀
( ●-● ) 太阳眼镜
( ::():: ) OK 蹦
(T_T) 伤心的脸~~~哭泣的脸~
(^_-)db(-_^) 约束~~手指打勾勾~有像吧~
p(^-^)q 加油~两手紧握拳头高举~~
∣(-_-)∣ 没有听到~耳朵遮住了~~
(_<-) 眉头紧皱~有点生气了~
(__)(-.-)(~o~) 累了~又眯眼~又打呵欠的~
*d(-_^) 有好感的意思~
(-_-)ZZZ 睡著了啦~~
m(-_-)m 抱歉~两手张开高举~投降状~
\(@^O^@)/★~~~晚安~~~~~ 就是晚安罗~~~
(^o^)哇~~(^0^)哈~~(^○^)哈~~~ 大笑三声~~
O(^o^)~~YA(^0^)~~SU(^^)~~MI(^_^) 日文~好好休息~~用於睡前~
(/_\) 看不到~~眼睛被摭住了~
(^^)(((((((((((((((●~~~~☆ 放个*炸人啦~
(^^)/▽ ▽\(^^) 乾杯~~~杯子碰杯子~~~
(^_^)/★\(^_^) 也是乾杯~~杯子相碰~~~
(⊙_⊙)<~~啾~~(#^_^#) 亲一个~发出~~啾~~的声音~~
(^^;;;; 紧张~~~
(^3^)-☆CHU!! 亲一个~发出~~啾~~的声音~~
(^人^) 拜托~~两手作拜拜状~~
(”O〃)~~~ 生气的意思
(^0^)y-°°° 有好感的意思
(-_-;-) 紧张的脸~
(?_?)? 疑问的脸~~
(ˇ^ˇ) 不以为然
(*^‧^*) 亲一个!
(╯^╰) 一脸苦瓜
(*+* ;)~ @ 受不了~ 受不了~
(⊙ο⊙) 目瞪口呆
(°ο°)~ @ 晕倒,不省人事
f‘(*∩_∩*)′ 献上最可爱的笑
(*^^)/.。‧:*:‧。★,。:*:‧☆ 祝好梦
( *_*) (`~~`) ===== 看到鬼 就是看到鬼了嘛~~
[ (_<-)] (好吵) 好吵
O(^_^)O 听随身听~~
(#^_^) 被K头贴OK绷~
(#_<-) 好痛~~
(^o^)c旦`` 喝咖啡
(^。^)y-~~。o0 抽烟中~~~
..@_@|||||.. 头昏眼花
^.vv.^ 可爱的蝙蝠!
p(^o^)q 双手握拳,表示加油努力之意!
\(^o^)/ 举手欢呼
-_-||| 像樱桃小丸子的条码,无奈的意思。
q(^_^)p 元气娃娃
⊙.⊙ 睁大眼瞪你
^(oo)^ 猪头
>>@ο@ 鱼儿~鱼儿~水中游...
(╯-╰)/ 很没劲/无耐的意思
=^.^= 猫咪~喵~~
=_=凸 很*的比出中指...:-p
!@! 装死.....的猪仔!!~~^^~~
凸^_^凸 shit!!
^_^||| 好尴尬!!
(《⊙⊙》) 南方四贱客--阿尼
(_*_) *
╰_╯ 我发火了!! 就是生气的意思呀~~~你看看眉毛都翘起来哩~~
}_} 粉无奈..粉悲情
凸 \ _ / 凸 比中指......
凸^_^凸 两只中指喔
(___r___)=3 放屁
~~ ^_^ 尴尬的笑啊.....好尴尬啊!
( ^_^ )? 什麼意思??
{>~<} 好酸呀
●_● 熬夜变熊猫!~
..<{=... 乌鸦乌鸦飞过去表示冷场,无趣.....
>>d(˙_˙)b<< 正戴著耳机听音乐呢!
{^o~o^} 老人家
U_U 想睡了~~~~~
-,,- 鼻毛跑出来了!
>>d(‧-‧)b<< 载著耳机听音乐
p^.^q 加油!!
§ ^_^ § 绑辫子的女孩
‧ㄥ‧ 大鼻子小眼睛的人
~o.0~ 错愕的表情
/UU\ 给你下跪
!_! 吓一跳!
^/===O 给你一拳!
^/////v///////^ 满脸春风
.3. 嘟嘴(你都不理我...)
^3^ 亲一个吧~
~o}^_^{o~ 好听的音乐
(《⊙⊙》) 南方四贱客--阿尼
=^.^= 猫咪~喵~~
(╯-╰)/ 很没劲/无耐的意思
^(oo)^ 猪头
(___r___) *
(≡‧.‧*≡) Kitty猫
===ˋˊ=== 偶生气了
(. 人 .) 大咪咪
(ˇ^ˇ) 不以为然
凸ˋ_ˊ# 很生气,非常生气
^_^ 笑脸
*^_^* 可爱的笑脸
@_@ 头昏脑胀,搞不清
*_* 刚睡醒的脸
/_ \ 哀伤的脸
>_< 生气的脸
^0^ kiss
Y^o^Y 胜利!
$_$ 满眼都是钱....!
:-) 微笑
:-> 嘴角上扬的微笑
: -{) 有八字胡哦
:-} 滑稽的微笑
:-D 哈哈大笑
:-| 害怕, 无助
:-# 茫茫然的表情
:-( 一副郁卒的样子
;-) 单翘一边眉
:-o 喔.....有点儿惊到
8-X 被吓坏了, 吓得瞠目结舌
;-( 听到这个消息真令人惊怵, 但是有些不能认同
:-\\ 有点儿无奈
;-\\ 这个问题嘛....我却不这麼想
:-] 心里不认同, 但是基於礼貌, 勉强笑一下
:-[ 你说的这个问题, 嗯....我想想看....
:*) 你说得很清楚, 我听得很模糊
:~( 掉眼略F
:-< 很郁卒
:-p 吐舌头笑
:< 看起来颇为气愤
:> 奸笑
:-I 嗯......原来如此
@%&$%& 骂人的话
@>--->--- 表示送你一朵玫瑰花...当康乃馨也不反对
(><-) 痛
UoU 没错
....>o<.... 哭
P(^_^)q 加油
\ _ / 生气
丫 (X_X) 丫 举手投降
(*_* ) 惨了
\(^_^)(^_^)/ 耶耶
~>__<~ 讨厌
\(0.0)/ 万岁!!
”◎ 〃 大叫
(^m^) 哈哈
0 < 好险
(O^~^O) 幸福
〤ι〤 无奈
^3^ 嘟嘴
Y(^_^)Y yea~
\(n_n)/ 快乐
0o。(-. - ) 睡觉
(^人^) 拜托
凸 ^(..)^ 凸 猪头
v(^O^)v Lucky
0_0 空洞~~~
(^O^) 哈哈
>_ < ? 疑惑
(*^_^*) 你好
凸~<~ 凸 愤怒
(^_^)/ 谢谢
p(~~)q 我赢了
(..) ? 请问
。-_-。 对不起
(*^O^*) 傻笑
p_q 揉眼睛
Y@_@Y 胜利
"≡ (^(OO)^) ≡" 飞天猪
):-( 不高兴
热心网友 时间:2022-05-12 17:25
首先说明:若是有两个,本人推荐第一个
OAO【分类:卖萌/萌】
●︿●和⊙︿⊙【分类:萌の不满/可爱の不满】
●﹏●和⊙﹏⊙【分类:萌の不好/可爱の哇之类的】
●0●和(⊙0⊙)【分类:萌の哇/可爱の哇】
●▽●【分类:萌の真的/可爱の真的】
o(≧v≦)o~~好棒【分类:萌の好棒/可爱の好棒】
╰( ̄▽ ̄)╮【分类:萌の高兴/可爱の高兴】
后面都不打可爱了,请原谅
(⊙_⊙)?【萌の不懂】
(⊙o⊙)【萌の目瞪口呆】
(>^ω^<)【萌の喵】
(>﹏<)【萌の痛/着急】
(°ο°)【萌の大吃一惊】
︿( ̄︶ ̄)︽( ̄︶ ̄)︿【萌の飞】
热心网友 时间:2022-05-12 18:59
(゚Д゚)ノ,(ง •̀_•́)ง,( ,,´・㉨・)ノ"(´っω・`。)摸头,(≧∇≦)/,( ˃̶̤́ ꒳ ˂̶̤̀ ),✌(̿▀̿ ̿Ĺ̯̿̿▀̿ ̿)✌,( ´͈ ⌵ `͈ )σண♡,*<(¦Q[▓▓ 呼呼呼。。。。|。・㉨・)っ♡ 喜欢你♪,(๑•̀㉨•́#✧ 早,(´-㉨ก`)晚安,(。・㉨・。)ノ♡ 爱你么么哒,(●—●),(๑><๑),(ಡωಡ)hiahiahia ,(๑•॒̀ ູ॒•́๑)啦啦啦,ヽ(*´з`*)ノ,(。・ω・。)ノ♡,(\°з°)-♡,ヽ(爱´∀‘爱)ノ,♡^▽^♡。
热心网友 时间:2022-05-12 20:51
└(^o^)┘;偶头好状壮ㄋㄟ```
﹌○﹋喔嗨呦^ˇ^≡
~^o^~大家安安!!
=^_^=温馨的微笑!!!
y(^_^)y举双手胜利
\^o^/欢呼
^o^y胜利^o^y
↖(^ω^)↗小猪为你打气!
~^o^~加油呦!
*^^*笑,打
*^ο^*哦~,呵呵傻笑
*^◎^*呵呵大笑(嘴唇好厚)
*^÷^*得意的笑(有上下唇的哟)
~~~^_^~~~笑毙罗(笑得连眼泪都蹦出来了...)
(-.-)=3松ㄌ一口气~
~~~///(^v^)\\\~~~微笑表示友善!!!~哈~哈~
~@^_^@~可爱呦!
\\*^o^*//可爱ㄋㄟ~
~*.*~害羞又迷人的小女生
#^_^#脸红了!!
∩__∩y耶~~^^(装可爱?!)
(*^@^*)乖~(还含个奶嘴哦)
热心网友 时间:2022-05-12 22:59
╭^^^╮
{/ o o /}
* * * *
* * * *
* ★ * ★ *
* ★ *
>>>------I love you! ---->
* *
.*. /~ .~\ /~ ~\ /~ .~\ /~ ~\
*** ' `\/' * ' `\/' *
V ( .*)( . *)
/\|/\ \ . *./ \ . *./
| `\ . . .*/' `\ . . .*/'
| `\ * .*. */' _ _ `\ * .*. */'
`\ * */' ( `\/'*) `\ * */'
`\/' \ */' `\/'
{@}
{@} * {@}
{@} * {@} * {@}
{@}* {@} * {@} * {@}
\ {@} * {@} * {@} /
\ \ \ l / / /
\\ \ Y / //
\\ l //
{@}
{@} * {@}
{@} * {@} * {@}
{@}* {@} * {@} * {@}
\ {@} * {@} * {@} /
\ \ \ l / / /
\\ \ Y / //
\\ l //
\\Y//
>=<
//*\\
((`'-"``""-'`))
) - - (
/ (o _ o) \
\ ( 0 ) /
_'-.._'='_..-'_
/`;#'#'#.-.#'#'#;`\
\_)) '#' ((_/
#. ☆ ☆ ☆ #
'#. 我爱你! .#'
/ '#. .#' \
_\ \'#. .#'/ /_
(((___) '#' (___)
,___ .-;'
`"-.`\_...._/`.`
, \ /
.-' ', / () ()\
`'._ \ /() . (|
> .' ;, -'- /
/ < |;, __.;
'-.'-.| , \ , \
`>.|;, \_) \_)
`-; , /
\ / <
'. <`'-,_)
'._)
_-~~~-_ _-~~~-_
/~ ~\ : , \
' ~ , |: :
{ /~~\ :--~""""\.: :
\ (... : /^\ /^\\ ;
~\_____ | | | |:~
/ |__O|_|O|;
( / O \
\ ( `\_______/)
`\ \ /
) ~-------~'\
/ \
: ||
| | ||
| |.======[]==+'|
(~~~~) | |~)
/ \ | | \
~\ \___/)______/^\__|_/
`\\ // | | | |
`\\__//' | | | |
~~ (~~~~) (~~~)
/ =\..' =_
|__________)________)
热心网友 时间:2022-05-13 01:23
http://zhidao.baidu.com/question/83755614.html?si=1
热心网友 时间:2022-05-13 04:05
下一个搜狗拼音输入法,全搞定,你先上百度搜
热心网友 时间:2022-05-13 07:03
(*^__^*)...嘻嘻
热心网友 时间:2022-05-13 10:17
找不着!