创建CSS 气泡对话框 微信聊天框 16 个设计模板 一键复制

于 2025-04-17 13:45:25 发布
阅读量564 收藏 10
点赞数 25
分类专栏： 原创经验分享 文章标签： css 微信 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/akonezc/article/details/147304520
版权

4个简单的方形对话框

这是最简单的形式。我们将分别介绍将三角形位置配置在上、下、左、右的样本。如果您看看代码，您会发现有两个标记为“＃e9edff”的部分，这是指定背景颜色的代码。如果您喜欢，可以更改它。顺便说一句，从下面延伸的三角形是用伪元素（before）表示的。如果感兴趣，请看一看下面的文章。

对话框向下

点击显示代码HTML

<div class="arrowbox1">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0f2ff;
}

.arrowbox1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0f2ff;
}

.arrowbox1 p {
  margin: 0;
  padding: 0;
}

对话框向上

点击显示代码HTML

<div class="arrowbox1-top">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0f2ff;
}

.arrowbox1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0f2ff;
}

.arrowbox1-top p {
  margin: 0;
  padding: 0;
}

对话框向左

点击显示代码HTML

<div class="arrowbox1-left">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0f2ff;
}

.arrowbox1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0f2ff;
}

.arrowbox1-left p {
  margin: 0;
  padding: 0;
}

对话框向右

点击显示代码HTML

<div class="arrowbox1-right">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox1-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  float: right;
  clear: both;
  color: #555;
  font-size: 16px;
  background: #e0f2ff;
}

.arrowbox1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0f2ff;
}

.arrowbox1-right p {
  margin: 0;
  padding: 0;
}

4个带边框的对话框版本

根据上面的示例，我试着用“边框”而不是填充来展示形状。具体来说，我制作了一个“黑色三角形”和一个“白色三角形”，并将它们叠在一起以创建三角形的线条。它也是响应式的，就像之前一样（它还支持换行）。

对话框向下

点击显示代码HTML

<div class="arrowbox2">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.arrowbox2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.arrowbox2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

.arrowbox2 p {
  margin: 0;
  padding: 0;
}

对话框向上

点击显示代码HTML

<div class="arrowbox2-top">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox2-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.arrowbox2-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.arrowbox2-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}

.arrowbox2-top p {
  margin: 0;
  padding: 0;
}

对话框向左

点击显示代码HTML

<div class="arrowbox2-left">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox2-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.arrowbox2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.arrowbox2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #555;
  z-index: 1;
}

.arrowbox2-left p {
  margin: 0;
  padding: 0;
}

对话框向右

点击显示代码HTML

<div class="arrowbox2-right">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox2-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  float: right;
  clear: both;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.arrowbox2-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}

.arrowbox2-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #555;
  z-index: 1;
}

.arrowbox2-right p {
  margin: 0;
  padding: 0;
}

让对话框看上去更圆润的CSS

在之前介绍的对话框角上，可以简单地添加圆角。方法是在上面介绍的代码中的.balloon◯◯{~}中添加border-radius:◯◯px;即可。

Tiger

Tiger

border-radius 是用于指定边框圆角的 CSS 属性。例如，如果写成 border-radius: 10px;，边框角将会变成10px的圆角。微信对话框也可以这样修改该参数调整出来。

CSS的编写方法

试着将本文开头介绍的对话框直角变成圆角吧。

HTML

<div class="arrowbox1">
  <p>Hello，这是对话框案例。</p>
</div>

CSS

.arrowbox1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0f2ff;
  border-radius: 15px;
}

.arrowbox1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0f2ff;
}

.arrowbox1 p {
  margin: 0;
  padding: 0;
}

这段代码的表示如下。在带边框版本中也可以使用”border-radius”来添加圆角。

五个圆形气泡对话框

接下来，我们介绍圆形气泡对话框。这里需要注意的，如果文字显示在中央的圆形中，换行会使设计变得混乱。
因此，当使用下面介绍的示例时，请确保只使用数字或一个单词，并缩短文字。
另外，可以通过更改width，height和line-height的 px 值来调整圆的大小（3个都要相同！）。

对话框向下

点击显示代码HTML

<div class="arrowbox3">
  <p>POINT</p>
</div>

CSS

.arrowbox3 {
  position: relative;
  display: inline-block;
	padding: 0 5px;
  margin: 1.5em 0;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background: #5796ff;
  border-radius: 50%;
  box-sizing: border-box;
}

.arrowbox3:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #5796ff;
  z-index: 0;
}
.arrowbox3 p {
  line-height: 90px !important;
}

对话框向上

点击显示代码HTML

<div class="arrowbox3-top">
  POINT
</div>

CSS

.arrowbox3-top {
  position: relative;
  display: inline-block;
  padding: 0 5px;	
  margin: 1.5em 0;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background: #ff8ea6;
  border-radius: 50%;
  box-sizing: border-box;
}

.arrowbox3-top:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ff8ea6;
  z-index: 0;
}

对话框向左

点击显示代码HTML

<div class="arrowbox3-left">
  POINT
</div>

CSS

.arrowbox3-left {
  position: relative;
  display: inline-block;
  padding: 0 5px;	
  margin: 1.5em 0 1.5em 15px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background: #ffb942;
  border-radius: 50%;
  box-sizing: border-box;
}

.arrowbox3-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #ffb942;
  z-index: 0;
}

对话框向右

点击显示代码HTML

<div class="arrowbox3-right">
  POINT
</div>

CSS

.arrowbox3-right {
  position: relative;
  display: inline-block;
  padding: 0 5px;	
  margin: 1.5em 15px 1.5em 0;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background: #92eb84;
  border-radius: 50%;
  box-sizing: border-box;
}

.arrowbox3-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #92eb84;
  z-index: 0;
}

对话框向侧边

点击显示代码HTML

<div class="arrowbox3-right-btm">
  POINT
</div>

CSS

.arrowbox3-right-btm {
  position: relative;
  display: inline-block;
  padding: 0 5px;	
  margin: 1.5em 15px 1.5em 0;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background: #b88eff;
  border-radius: 50%;
  box-sizing: border-box;
}

.arrowbox3-right-btm:before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: -8px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #b88eff;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

思考风格的气泡对话框

我们用两个小圆代替三角形，设计出了一种“思考模式”的样式。请根据需要更改背景颜色(#c7ffc6表示背景颜色的颜色码,请确保三个地方都是同样的码)。

点击显示代码HTML

<div class="arrowbox4">
  Hello，这是对话框案例。
</div>

CSS

.arrowbox4 {
  position: relative;
  display: inline-block;
  margin: 2em 0 2em 40px;
  padding: 20px 10px;
  background: #c7ffc6;
  border-radius: 15px;
}

.arrowbox4:after {
  content: "";
  position: absolute;
  height: 18px;
  bottom: 3px;
  left: -24px;
  width: 20px;
  background: #c7ffc6;
  border-radius: 50%;
}

.arrowbox4:before {  
  content: "";
  position: absolute;
  height: 12px;
  bottom: 0;
  left: -38px;
  width: 13px;
  background: #c7ffc6;
  border-radius: 50%;
}

.arrowbox4 p {
  margin: 0; 
  padding: 0;
}

人物聊天对话框

接下来，我们将介绍如何制作类似人物或角色在说话的“会话风格喷泉”，近来在博客等中经常能看到。

操作方法

  • 将以下CSS预先复制到CSS文件中
  • 在HTML的“★在这里放入图片★”部分添加img标签作为图标图像，并将整个HTML保存到记事本等中。
  • 在需要使用会话喷泉的部分，粘贴②的HTML。
  • 在代码中的“★这里输入文章★”部分编写台词。

HTML

<!--聊天对话框开头-->
<div class="arrowbox5">
  <div class="faceicon">
    ★这里放入图片 <img~>★
  </div>
  <div class="chatting">
    <div class="says">
      <p>★这里把你想说的写进来★</p>
    </div>
  </div>
</div>
<!--聊天对话框结尾-->

CSS

.arrowbox5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.arrowbox5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.arrowbox5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #e7ddff;
  border-radius: 50%;
}

.arrowbox5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #e7ddff;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #e7ddff;
}

.says p {
  margin: 0;
  padding: 0;
}

对话框 CSS 自动生成器

CSS ARROW PLEASE!

Bubbly

如果你想细致地指定颜色和线条等样式，但不想修改代码，那么请一定要使用它。

博客
网页设计时 利用 PhotoShop 画出圆角矩形
05-02 89
在不少的网站中，你会发现有好多圆角作的边框，甚是美观，在你看到这篇文章时，你想必已经发现了，一度好的网站，也用到了好多的圆角，那么这些圆角是如何实现的呢？03、“选择”-“修改”-“收缩”：1像素，“Delte键”，Ctrl + D，释放选区。二、还是用矩形选框工具画出一个矩形，还是用修改里面的平滑，然后你可以直接选择变换选区，然后填充颜色，然后在——选择——修改，里面的收缩，就是说把选区往里面收缩，也是在选择菜单里面的，这样你可以自己控制那个选区，可以自己缩放，然后在删除即可。
博客
如何控制 textarea 的边框只能左右拖动、上下拖动或不能拖动
05-02 215
默认情况下，html 的 textarea 标签多行文本框的右边框和下边框，均可以自由的拖动。有些场景下，我们需要控制 textarea 的宽度保持不变或高度保持不变或宽高均保持不变。下面就通过 CSS 样式的 resize 属性 来控制 textarea 边框的拖动状态。关键代码：resize:horizontal;关键代码：resize:vertical;关键代码：resize:none;1、右边框和下边框，可以自由拖动。4、右边框和下边框，均不可拖动。2、下边框，可以自由拖动。
博客
使用 markdown 编辑器编写文章时的常用标记语法示例
05-02 106
一度好](http://www.yiduhao.com)- 里层无序列表一 前面添加4个空格。- 里层无序列表二 前面添加4个空格。- 里层无序列表二 前面添加4个空格。中括号里链接名称，小括号里链接地址。***三个星号表示 粗斜体***>> 二级引用，还可以继续引用。**两个星号表示 粗体**###### 六级标题。*一个星号表示 斜体*##### 五级标题。1. 有序列表文本一。2. 有序列表文本二。3. 有序列表文本三。1. 外层有序列表一。2. 外层有序列表二。
博客
利用npm安装vue时，提示：npm不是内部或外部命令，也不是可运行的程序或批处理文件
05-02 450
点击 Next -> 勾选同意协议 -> 点击 Next -> 选择安装路径，如 D:\Program Files\nodejs\ -> 点击 Next -> 点击 Next -> 点击 Next -> 点击 Install -> 点击 Finish。找到 node 安装路径，找到 npmrc 文件，如 D:\Program Files\nodejs\node_modules\npm 目录下。需要说明的是，如果你的电脑是 win7 环境，那么建议安装 <= v13 的 node 版本。
博客
Win7 系统环境如何安装 Vue 并创建 Vue 项目
05-02 542
一、前言想要安装 Vue，首先你得安装好 npm，因为 vue 是用 npm 命令来安装的。那么如何安装 npm 呢？想要安装 npm，那么你得先安装好 node.js。因为 npm 是 node.js 自带的包管理工具，是随同 node.js 一起安装的包管理工具，已经内置在了 node.js 中。所以对于 Win7 系统来说，想要安装 vue，那么首先需要安装 node.js，然后用内置的 npm 来安装 vue。二、下载 node.js1、下载地址2、说明。
博客
MarkdownPad2软件打开.md文件时显示“HTML渲染组件出错，这个问题可以通过安装某个缺失组件来解决，您是否想要了解详细信息？”
05-01 269
3、而且点击顶部的实现预览的图标，出现了“HTML渲染组件出错，这个问题可以通过安装某个缺失组件来解决，您是否想要了解详细信息？在实际的工作中，有时会需要打开以 .md 为扩展名的文件，想要打开这类文件，并且友好的展示，可以通过安装 MarkdownPad 2 软件来实现。如上图所示，点击“as show here”的链接，则打开了一张图片，这个图片既是 markdownPad 2 软件界面右侧栏出现的问题图标。然后，再点击“Awesomium 1.6.6 SDK”的链接，下载这个缺失的组件。
博客
word文件表格里的单元格插入对角线的方法
05-01 91
本文介绍了在一些word的表格中，在单元格里插入一个对角线以分别输入文字用作行和列的区分的实现方法。以 节次/星期 为例，操作步骤如下：（1）在一个单元格中输入“节次星期”，并将“节次”“星期”进行换行（2）光标定位到要插入对角线的单元格中（3）然后鼠标右键 - 选择“边框和底纹” - 顶部选择“边框” - 右侧预览部分，选择对应的对角线 - 应用于：选择 表格 或 单元格（4）点击“确定”即可（5）根据实际需要，适当调整“节次”“星期”的位置。
博客
Sublime Text 代码编辑器 设置中文语言界面的方法
05-01 139
Sublime Text 在安装完毕后，默认是英文的界面，本文将介绍设置成中文语言界面的方法。
博客
word中插入电子版手写签名方法
05-01 245
10、双击手写签名图片，注意是双击图片，在word文档顶部的右上角，点击选择“重新着色”，然后选择“设置透明色”，然后鼠标会变成一个画笔的形状，在手写签名上姓名旁边的空白部分，点击一下，手写签名就会变成透明了。10、点击手写签名图片，在word文档顶部，选择“设置透明色”，然后鼠标会变成一个画笔的形状，在手写签名上姓名旁边的空白部分，点击一下，手写签名就会变成透明了。5、在word文档顶部，点击“插入”，选择“图片”，选择“来自文件”，找到你的手写签名图片，插入进来。
博客
关于安装 Visual Studio Code 时提示 这个程序不支持该版本的计算机运行 不支持 Windows 7 的解决方法
05-01 244
一、简介Visual Studio Code 是由 Microsoft(微软) 发布的一个免费的，开源的跨平台文本编辑器。可建立多标签、自动保存、多插件支持等。二、下载2、需要说明的是，Visual Studio Code 支持 Windows 7 系统的最后一个版本是 v1.703、当你从官网上下载 Windows 系统的 Visual Studio Code 时，官网界面最新版本是 Version 1.85，已经有了提示，只支持 Windows 10,11。
博客
PHP中MySQL数据库的导入与导出（备份与还原）
04-30 124
众所周知，在以PHP进行开发的网站中，用的数据库大多是MySQL，既如此，数据库的导入与导出，也即数据库的备份与还原，也就必不可少了。mysqldump -u root -p ebucn > F:/libo/lm/20100929data.sql 回车。提示输入密码，输入 root 回车，进入 F:/libo/lm 查看。输入：cd 右键单击，选择“粘贴”，即把步骤1中复制的路径给粘贴过来。若设了密码，输入密码，回车；若没有设密码，直接回车，( F:/libo/lm/ 为数据库存放路径)
博客
使用wamp安装PHP时更改mysql的默认密码
04-30 408
此时，再进入mysql控制台，就需要输入密码才能进入了，但是，在地址栏中直接输入 localhost/phpmyadmin/ 你会发现进不去了，更新了mysql数据库的密码后，同时还需要更新phpmyadmin的相关配置才能访问。（1）进入wamp安装的根目录，找到phpmyadmin下的 config.ini.php 文件，如 /wamp/apps/phpmyadmin4.1.14/config.ini.php。（3）想要进入phpmyadmin时，以输入用户名和密码的方式进入。
博客
PHP手册官方中文最新版chm下载(PHP Manual)
04-30 222
1、首先进入php官网：http://www.php.net/
博客
PHP邮件发送示例：ThinkPHP3.2结合PHPMailer发送邮件
04-30 278
把下载下来的PHPMailer文件夹放到/ThinkPHP/Library/Vendor/目录下。附件为PHPMailer的压缩包文件。1、下载PHPMailer。
博客
PHP关于二维或多维数组排序函数 array_multisort 的示例解析
04-30 155
message表字段：message_id, arc_id, content, addtime。关于PHP的多维数组排序函数 array_multisort 的用法，下面举例说明。arc表字段：arc_id, title, addtime。需求：将文章表按评论数从多至少降序排列。
博客
PHP通过$_SERVER[&#039；HTTP_USER_AGENT&#039；]测试获取不同设备返回浏览器类型值有什么不同
04-30 693
2、OPPO手机浏览器（版本 4.6.5.3，设备 android 7.1.1，手机 oppo r11st，内核版本 53.0.2785.134）3、QQ手机浏览器（版本 8.6，设备 android 7.1.1，手机 oppo r11st，内核版本 57.0.2987.132）4、360浏览器（版本 9.1，内核版本 55.0.2883.87）5、搜狗浏览器（版本 8.0，内核版本 58.0.3029.110）6、百度浏览器（版本 8.7，内核版本 47.0.2526.106）//PHP获取浏览器类型。
博客
利用PHP的字符串函数str_split和正则函数preg_split将字符串转换成数组
04-30 172
【代码】利用PHP的字符串函数str_split和正则函数preg_split将字符串转换成数组。
博客
PHP根据IP地址获取国家省市县等地区的简单方法
04-30 356
淘宝IP地址库官网地址：http://ip.taobao.com/qps是指每秒内查询的次数。如10qps，表示1秒内可执行10次。其中传递的参数中format的值，可选的为：json、js。为了保障服务正常运行，每个用户的访问频率需小于10qps。这里有个 qps 的概念，那么什么是qps呢？1、新浪IP地址获取地区接口。2、淘宝IP地址获取地区接口。
博客
PHP获取年月日时分秒日期时 时间少8小时解决方法
04-30 324
法二：在程序中，使用时间/日期函数之前添加函数 “date_default_timezone_set('PRC');由于在PHP语言中默认设置的是标准的格林威治时间（即采用的是零时区），所以要获取本地当前的时间必须更改PHP语言中的时区设置。echo '默认情况下：'.date('Y-m-d H:i:s');echo '设置时区后：'.date('Y-m-d H:i:s');echo '当前时间为：'.date('Y-m-d H:i:s');设置时区后：2013-09-17 23:27:06。
博客
PHP开发环境所需软件下载地址
04-30 481
下载地址：http://www.phpmyadmin.net/home_page/index.php。下载地址：http://httpd.Apache.org/download.cgi。3、mysql-essential-5.0.51a-win32.msi 数据库。1、Apache_2.2.8-win32-x86-no_ssl.msi 服务器。下载地址：http://www.php.net/downloads.php。下载地址：http://www.mysql.com/download/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值