一聚教程网：一个值得你收藏的教程网站

ps教程 | flash教程 | 路由器设置 | Jsp教程 | 加入收藏

首页 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

当前位置：一聚教程网 > css教程 > 常用代码

推荐专题

最新下载

1

二维火掌柜
大小：123.40 MB 类型： 商务办公
2

新讯
大小：104.13 MB 类型： 生活服务
3

GitMind
大小：36.47 MB 类型： 商务办公
4

乐刻运动
大小：98.17 MB 类型： 生活服务
5

金手指
大小：58.39 MB 类型： 游戏辅助
6

油葱学堂
大小：30.65 MB 类型： 学习理财
7

储值通会员管理充值积分系统
大小：40.48 MB 类型： 商务办公
8

保密观
大小：148.64 MB 类型： 商务办公
9

云到
大小：85.62 MB 类型： 商务办公
10

古文岛
大小：45.93 MB 类型： 学习理财

热门教程

1

解决IDEA springboot"spring-boot-maven-plugin"报红问题方法
时间：2021-04-16 类型： Java技巧及代码
2

《塔王之王》日常如何玩
时间：2022-11-28 类型： 手游攻略
3

《周五夜放克》网页版地址一览
时间：2023-01-10 类型： 手游攻略
4

优莎娜保健品吃死人,优莎娜保健品吃死人是真的吗
时间：2016-10-18 类型： 互联网加
5

《以撒的结合》控制台代码汇总
时间：2022-12-23 类型： 手游攻略
6

抖音成人版叫什么名字抖音成人版介绍
时间：2018-09-05 类型： 手机软件
7

苹果版的avnight卡播放面问题解决
时间：2018-01-26 类型： 手机软件
8

安卓系统怎么安装AVnight（爱威奶）
时间：2018-01-25 类型： 手机软件
9

《FGO》烟雾镜是什么意思
时间：2023-02-02 类型： 手游攻略
10

久草视频观看地址介绍
时间：2018-01-16 类型： 手机软件

CSS3不用图片写出圆角和三角形气泡效果

时间：2014-11-12 编辑：简简单单来源：一聚教程网

效果如下

CSS3不用图片写出圆角和三角形气泡效果

代码如下

代码如下

复制代码

CSS代码
.chat-bubble {
    background-color: #ededed;
    border: 2px solid #666;
    font-size: 35px;
    line-height: 1.3em;
    margin: 10px auto;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 300px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    font-family: 'Bangers', arial, serif;
}
.chat-bubble-arrow-border {
    border-color: #666 transparent transparent transparent;
    border-style: solid;
    border-width: 20px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -42px;
    left: 30px;
}
.chat-bubble-arrow {
    border-color: #ededed transparent transparent transparent;
    border-style: solid;
    border-width: 20px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -39px;
    left: 30px;
}

上一个：网易NEC项目的CSS规范
下一个： CSS select样式优化一个例子

相关文章

热门栏目