51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课
免费课
排行榜
短视频
直播课
软考学堂
全部课程
软考
信创认证
华为认证
厂商认证
IT技术
PMP项目管理
免费题库
在线学习
文章
资源
问答
课堂
专栏
直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
51CTO博客
首页
关注
排行榜
精品课程
免费资料
软考题库
科目全、试题精、讲解专业，扫码免费刷
搜索历史
清空
热门搜索
查看【
】的结果
写文章
创作中心
登录
注册
css 角 框
51CTO博客
>
热门标签
>
css 角 框
全部内容
精选文章
免费资料
代码库
标签简介
时间
热度
默认
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。
免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。
免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价
免费试学
android 三
角
形气泡
css
左三
角
气泡
框
实现
前提：气泡
框
或者提示
框
是网页很常见的，实现它的方式有很多，我们以前最常用的就是切图片 然后通过 "定位" 方式 定位到相应的位置，但是用这种方式维护很麻烦，比如设计师想改成另外一种或者另外一种颜色 那我们只有再次切图片等。下面我们来学习下使用html+
css
来实现这种效果！如下效果： and 我们可以来分析下：要实现这种效果 无外乎就是一个矩形和一个小三
角
形 然后三
角
形定位
android 三角形气泡
php气泡效果
css
背景颜色
css3
转载
智慧编织者
2023-12-25 21:37:05
105
阅读
css
角
标样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
css 角标
html
css
圆角
两端对齐
转载
mb5ffd6f53cf9c6
2021-10-13 17:43:00
1226
阅读
2
评论
css
三
角
.sanjiao{ width:0px; height:0px; /* background-color: red; */ border: 50px solid; border-top-color: transparent; border-right-color: transparent; bord
css
原创
mb62b9178dc218f
2022-06-27 10:51:40
239
阅读
css
三
角
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
html
原创
mb62b9178dc218f
2022-06-27 10:52:43
113
阅读
css
对话
框
| 气泡
框
|
css
箭头
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Test</title> <style> .tip { position: relative; background-color: deepskyblue; margin: 2
练习总结
html
其他
原创
wg_ijhFhFaB
2021-08-04 15:29:25
3473
阅读
纯
CSS
实现带小三
角
提示
框
要实现在页面上点击指定元素时，弹出一个信息提示
框
。在前面的文章中，我们已经简单介绍了如何使用纯
CSS
创建一个三
角
形。本文在此基础上，记录如何使用
CSS
创建带三
角
形的提示
框
。 实现的原理是创建一个div提示
框
，然后再创建一个三
角
形，将三
角
形用绝对定位（absolute）到提示
框
对应的位置。 一 ...
CSS 创建一个三角形
转载
mb607022e25a607
2021-04-13 10:35:18
1179
阅读
1
点赞
2
评论
用
css
创建三
角
形、对话
框
一、场景分析 聊天
框
等： 这个小三
角
形有很多实现方法，我们接下来分析一下简单的实现流程： 二、功能分析 先用
CSS
绘制一个三
角
形： 想想看，在
CSS
中，什么属性是跟三
角
形有关的呢？答案是border属性，如下： <div class="triangle"></div> .triangle{ di ...
css
微信
转载
mob604756ebed9f
2021-07-18 10:30:00
593
阅读
2
评论
css
实现各种三
角
形，提示
框
利用 transparent 属性实现各种三
角
形，提示
框
需求在不使用图片的情况，实现一个简单的三
角
形箭头代码#t
css
动画
提示框
github
转载
Hello_Martin
2023-04-03 14:00:17
139
阅读
CSS
三
角
制作（HTML、
CSS
）
CSS
三
角
制作（HTML、
CSS
）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
html
css
css3
html5
原创
CMMKK
2022-10-20 10:14:06
158
阅读
CSS
框
模型
框
模型，其中的细节问题，需要再查阅资料。
CSS
内边距、边框、外边距
CSS
框
模型定义了元素
框
处理元素内容、内边距、边框 和 外边距 的方式。 内边距、边框和外边距默认值都是0。许多元素由用户代理样式表设置外边距和内边距，可以通过将元素的 margin 和 p
css
CSS框模型
css基础知识
css样式
外边距
原创
千寻22
2022-09-08 16:57:12
267
阅读
css
模态
框
居中显示模态
框
<style> body { height:1200px; } #alert-box { display:table; width:100%; height:100%; position:fixed; top:0; bottom:0; left:0; right:0; z-index ...
模态框
用户名
全屏
居中显示
IT
转载
mb5ff2f24b42377
2021-09-13 18:26:00
258
阅读
2
评论
css
四
角
resize
border属性是
css
盒子模型基础属性之一。
css
2中border的属性border-width 边线宽度border-style 边框类型（必须有）border-color 边框颜色
css
3中添加的border属性border-colorborder-imageborder-radiusborder-shadow一、 border-radius 兼容性：IE9+、Firefox 4
css四角resize
圆角
css
背景色
转载
imking
1月前
393
阅读
CSS
三
角
制作
网页中三
角
制作 width: 0; height: 0; border-color: transparent white transparent transparent; border-style: solid; border-width: 50px 10px 0 0 ; 或 width: 0; h ...
技术
转载
mob604756f3c518
2021-07-28 15:37:00
201
阅读
2
评论
不用图片做的三
角
语言
框
效果，纯样式编写，
css
三
角
样式写法
2010-07-05 19:57:28 博主 回复 用户昵称在秋日真的有轻柔吧。上边效果与理想的有误差，代码布不上去，下边是源代码，另行保存后查看真正效果，下图是真正效果，区别在三
角
处，里面颜色 2010-07-05 19:57:28 博主 回复 用户昵称 在秋日真的有轻柔吧。
css
html
其他
原创
wg_ijhFhFaB
2021-08-04 17:36:34
174
阅读
div带箭头提示
框
实例
css
三
角
形
div带箭头提示
框
实例
css
三
角
形
css
html
css3
提示框
原创
徐同保的博客
2022-09-03 02:05:50
364
阅读
div带箭头提示
框
实例
css
三
角
形
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>div带箭头提示
框
实例</title> <style type="text/
css
"> .m-box { margin-top: 50px; positio
html
css
提示框
原创
徐同保的博客
2024-04-29 10:18:31
157
阅读
android 三
角
聊天
框
# Android 三
角
聊天
框
## 前言 在很多 Android 应用中，我们经常会看到聊天界面，其中一个常见的设计是聊天
框
的样式，其中最常见的是三
角
聊天
框
。本文将介绍如何在 Android 中实现一个简单的三
角
聊天
框
，并提供相应的代码示例。 ## 实现思路 要实现一个三
角
聊天
框
，我们需要考虑以下几个方面： 1. 绘制聊天
框
的背景和边框 2. 绘制聊天
框
的三
角
形尖
角
3. 自适应文本内
java
自定义
Android
原创
mob64ca12f58d71
2023-11-29 06:13:08
145
阅读
Css
实现聊天
框
<!DOCTYPE html><html><head> <meta charset=utf-8 /> <title>
css
聊天
框
</title> <style> * { margin: 0; padding: 0; ...
html
css
原创
明知山
2022-07-06 16:34:36
1217
阅读
CSS
学习-----
框
模型
框
模型图示： 解释：元素的最内部分是实际内容 直接包围内容的是内边距 内边距的边缘是边框 边框外是外边距 （外边框默认是透明的，不会遮盖其后的任何元素）。注意：背景应用与内部内容、内边距和边框组成的区域。很多浏览器会自动设置内外边距，所以需要自
框模型
avascript
border
原创
xiaojing___
2014-06-25 21:52:49
600
阅读
css
- 弹
框
类
1. 小程序整个屏幕弹窗:.cl-panel-box { position: fixed; right: 0; top: -100vh; bottom: 0; height: 100vh; width: 100%; z-index: 999; background: #ffffff; transition: 0.4s; } .
4s
原创
mb64f93222904bd
2023-10-01 23:39:31
213
阅读
首页
1
2
3
4
5
共100条记录
精品课程
免费资料>
2025软考
系统架构设计师
系统规划与管理师
软件设计师
系统集成项目管理工程师
信创认证
系统架构师
信创集成项目管理师
信创规划管理师
系统开发工程师
厂商认证
CKA/CKS架构师
红帽认证工程师
Oracle-OCP认证
Oracle-OCM认证
IT技术
数据库高级工程师
AIGC大模型实战
Linux云计算架构师
Python全栈开发
华为认证
数通HCIP认证
云计算HCIE认证
华为存储HCIE认证
HCIP安全认证
相关文章
弹框CSS、JS
CSS（07）框模型
纯CSS圆角框
css ios 模态框 无法点击 css设置模态框隐藏
css 实用技巧 —— 使用border属性绘图（三角形、梯形、对话框尖角）
css 聊天样式demo css 模态框
纯css实现三角
css 倒三角效果
css三角--小技巧
css设置四角边框
相关搜索
全部
css 三角指示框
css 聊天框 翘起的角
css 角 框
css三角框
css提示框三角
css有弧角的框
css框角圆弧状
css角标 超出外框
尖角对话框css
消息框 css 尖角
Copyright © 2005-2025
51CTO.COM
版权所有 京ICP证060544号
关于我们
官方博客
全部文章
热门标签
班级博客
了解我们
网站地图
意见反馈
友情链接
鸿蒙开发者社区
51CTO学堂
51CTO
软考资讯
