昨天米醋跟大家分享一款聊天界面的设计今天我们继续来制作个人中心页和聊天页两个页面,快来一起学习吧!设计个人中心页效果图 (1)启动PhotoshopCC 2017,按【Ctrl+N】组合键新建一个文件,将【文档类型】设置为【画板】,将【画板大小】设置为【iPhone6(750,1334)】,如图所示。
新建画板
(2)下面建立参考线。
这里会用到一款做界面设计经
用css制作一个三角形箭头 三角形我们经常用在列表、下拉提示、面包屑导航的位置,给用户以导向的引导作用,比如,在有下拉列表的地方,我们可以用向下的箭头,在列表的时候,我们能告诉用户每个列表项和下一个列表项的关系,当在面包屑导航中,能让用户了解他现在所处的栏目或者频道。我们有哪些方法来实现它呢,下面我根据我们的实际工作中的经验作了简单的总结。第一种方案,我们可以通过使用背景图片的方式来处理
转载
2023-10-08 11:08:08
515阅读
.bar{ ... &:before { top: 100%; left: 24px; border: solid rgba(0, 0, 0, 0); content: ''; height: 0; width: 0; position: absolute; border-top-color: rg
原创
2024-01-16 17:12:15
115阅读
之前一直在寻找这种空心三角箭头, 终于知道了原理! 自己记录一下,顺便分享给之前跟我一样想要的撸友们~ 第一种写法 利用常见的 after伪元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style t
转载
2020-05-19 09:13:00
210阅读
2评论
# Android 三角箭头
在 Android 开发中,我们经常需要使用到三角箭头来指示某些操作或者表示特定的状态。本文将介绍如何在 Android 中实现三角箭头,并且提供代码示例。
## 实现方法
实现三角箭头有多种方法,以下是其中两种常用的方法。
### 方法一:使用自定义绘制
通过自定义 View,在其 onDraw() 方法中绘制三角箭头。
首先创建一个名为 Triangl
原创
2024-01-08 07:30:40
86阅读
主要原理: 1,先把盒子宽度和高度设置为0,只剩下边框,这样的话每个边框都会变成1个三角形 2,需要三角形朝向哪个方向,先把所有边框颜色设置为透明,然后只需设置这个方向的边框颜色就可以了(箭头方向和边框方向相反,比如需要箭头朝右就需要设置左边框颜色) width: 0px; height: 0px; ...
转载
2021-08-18 18:11:00
1593阅读
2评论
1.不同理解的边框<div class="border"></div>.border { width: 50px; height: 50px; border: 2px solid; border-color: #9
原创
2022-12-21 10:15:29
400阅读
.sanjiao{ width:0px; height:0px; /* background-color: red; */ border: 50px solid; border-top-color: transparent; border-right-color: transparent; bord
原创
2022-06-27 10:51:40
239阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
原创
2022-06-27 10:52:43
113阅读
空心三角形
Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)
把一个字符三角形掏空,就能节省材料成本
原创
2023-04-21 10:54:25
169阅读
空心三角形Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submis
原创
2023-05-05 18:10:49
201阅读
<html> <head> <meta charset="utf-8"> <title>CSS绘制三角形和箭头</title> </head> <style> .d2 { width: 0; height: 0; border-width: 100px; border-style: solid; b
原创
2021-05-14 20:20:12
698阅读
一次开发中遇到,记录代码原理:1.给一个div,宽和高都为0的时候,盒子什么都没有看起来。为空白2.给一个宽高为0的盒子给一遍像素给100px的上边,下边和右边,border-top: 90px solid red;border-right: 100px solid black;border-bottom: 100px solid blue;这样左边没有,就会缩成一
原创
2021-11-19 10:42:59
1276阅读
前言
今天这篇文章我主要为独特硬核写法之数学艺术,这是属于C语言中基础问题,如果你对C语言基础知识还不熟悉话,可以关注下专栏教程或者自己找本书籍学习一下即可哦。还有就是这篇文章没有什么实际应用价值,只是单纯的让你重视下数学知识哦! 问题描述
写一个控制台程序,用户输入内层和外层菱形的高度,输出一个空心菱形,菱形的高度定义为菱形的上三角形的高度,如输入5和3,输出如
转载
2024-07-05 12:10:22
27阅读
在 Android 开发中,绘制一个空心三角板是一项有趣的图形操作,我们需要通过 Canvas 来实现它。本文将详细记录解决此问题的全过程,包括环境准备、分步指南、配置详解、验证测试、优化技巧及排错指南。
### 环境准备
在进行 Android 绘制空心三角板之前,需要确保开发环境的设置符合要求。
**软硬件要求:**
- 操作系统:Windows/Linux/MacOS
- Androi
# 用Python打印井号空心三角的探索
在编程的世界里,许多新手都对如何用代码绘制各种形状感到好奇。特别是在Python这样的易读语言中,绘制图案变得简单而有趣。今天,我们将探索如何使用Python打印一个井号(#)构成的空心三角形。
## 空心三角的结构
首先,让我们清晰地理解空心三角的结构。如果我们希望打印一个高度为 `n` 的三角形,我们可以用如下的方式表示:
```
#
原创
2024-10-24 06:10:30
73阅读
<!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">
<head>
<me
转载
精选
2013-05-24 11:32:28
1137阅读
.goback { position: absolute; top: 18px; left: 18px; border: 10px solid transparent; border-right: 10px...
原创
2023-03-21 07:08:44
273阅读
网页中三角制作 width: 0; height: 0; border-color: transparent white transparent transparent; border-style: solid; border-width: 50px 10px 0 0 ; 或 width: 0; h ...
转载
2021-07-28 15:37:00
201阅读
2评论
top
转载
2015-03-14 15:08:00
55阅读
2评论