css3 实现圆角的三角形

news/2023/12/1 7:52:12

达到的效果：

clipboard.png

今天碰到这样一个需求，为带有圆角的框加一个角标。而且角标是圆角的。
我真的不想切图，怎么办。突然想到css3可以实现条纹背景，那这不就可以了么

background: linear-gradient(45deg, transparent 50%, #61C4CF 0%);
background-size: 16px 16px;
border-top-right-radius: 3px;

三行代码解决问题，继续愉快的coding


http://www.niftyadmin.cn/n/3368053.html

相关文章

db mysql error list / mysql tools / mysql error_list

db mysql error list / mysql tools / mysql error_list

db mysql http://lindows.iteye.com/admin/blogs/232318 http://dev.mysql.com/doc/refman/5.1/zh/error-handling.html#error-messages-server http://dev.mysql.com/doc/refman/5.1/zh/error-handling.html#error-messages-client MySQL错误_中文参照列表 1005：…
阅读更多...
Tomcat setup in windows(simple version)

Tomcat setup in windows(simple version)

1. download tomcat server : Goto http://tomcat.apache.org ⇒ Downloads ⇒ Tomcat 8.0 ⇒ "8.0.{xx}" (where {xx} is the latest upgrade number) ⇒ Binary Distributions ⇒ Core ⇒ "ZIP" package (e.g., "apache-tomcat-8.0.{xx}.zip"…
阅读更多...
ionic3 引入jquery

ionic3 引入jquery

为什么80%的码农都做不了架构师？>>> 1.本地添加jquery npm install jquery --save 2.添加types/jquery npm install types/jquery --save 3.需要使用的ts文件引入该类 import * as $ from "jquery"; 转载于:https://my.oschina.net/lmxy1990/…
阅读更多...
VMWare horizon view组件安装之注册服务器安装配置

VMWare horizon view组件安装之注册服务器安装配置

在要安装注册服务器的主机上下载最新版的软件包，双击软件包，打开安装向导 接受许可协议 选择安装目标文件夹位置 选择安装连接服务器安装服务器类型 配置防火墙 准备安装 完成安装 转载于:https://blog.51cto.com/capfzgs/2113289
阅读更多...
db sql example

db sql example

sdfsdafsdf http://user.qzone.qq.com/170475387/blog/13 QL SERVER 与ACCE*、**CEL的数据转换 一、SQL SERVER 和ACCESS的数据导入导出 常规的数据导入导出： 使用DTS向导迁移你的Access数据到SQL Server，你可以使用这些步骤: ○1在SQL SERVER企业管理器…
阅读更多...
我们的痴狂 - 结婚第九年

我们的痴狂 - 结婚第九年

亲爱的，很抱歉，到年尾了，才开始写我们的周年纪念。 今年的结婚纪念日是在奥克兰度过的，你买了花， 其实是提前过的，因为我拿到了offer。拿到offer 那天我们开心拥抱在一起跳了起来，那是不是9年来…
阅读更多...
vue中get和post请求

vue中get和post请求

import axios from axios;import router from /router;import {setSessionStorage,getSessionStorage,removeSessionStorage} from /utils/mixin;class Http {constructor(){this.Domain http://*******;}require(options) {if (!options.api) throw new Error(api 不能为空);…
阅读更多...
db oracle imp/exp

db oracle imp/exp

使用Oracle 10g数据泵(EXPDP/IMPDP) http://junmail.iteye.com/blog/215780 一、关于数据泵的概述 在Oracle 10g中，数据泵(Data Pump)的所有工作都有数据库实例来完成，数据库可以并行来处理这些工作，不仅可以通过建立多个数据泵工作进程来读…
阅读更多...
Docker容器挂载宿主目录的情形分析

Docker容器挂载宿主目录的情形分析

Docker容器启动的时候，如果要挂载宿主机的一个目录，可以用-v参数指定。 譬如我要启动一个centos容器，宿主机的/test目录挂载到容器的/soft目录，可通过以下方式指定： # docker run -it -v /test:/soft centos /bin/bash…
阅读更多...
Kubeflow 使用指南

Kubeflow 使用指南

2019独角兽企业重金招聘Python工程师标准>>> Kubeflow 使用指南 本文根据 https://github.com/openthings/kubeflow/blob/master/user_guide.md 翻译。本文地址 https://my.oschina.net/u/2306127/blog/1808582，By openthings，2018.05.23.Kub…
阅读更多...
script python / TurboGears / Django / Pylons / ZOPE

script python / TurboGears / Django / Pylons / ZOPE

获取python的版本号 http://hi.baidu.com/huangboxiang/blog/item/2377c3ca99d826f552664fde.html 1、在Linux命令行底下可以通过python -V查看python版本号 [rootwcsdb2 ~]# python -V 2>&1 | awk {print $2} 2、直接在命令行底下输入 [rootwcsdb2 ~]$python 则返回以…
阅读更多...
Android联网更新应用

Android联网更新应用

UpdateInfo public class UpdateInfo {public String version;//服务器的最新版本值public String apkUrl;//最新版本的路径public String desc;//版本更新细节 } WelcomeActivity： 1 public class WelcomeActivity extends Activity {2 3 private static final…
阅读更多...
Linux + ClusterTool

Linux + ClusterTool

http://marshal.iteye.com/blog/143342 LVS，Linux Virtual Server，网站：www.linuxvirtualserver.org/ LVS是针对Linux服务器的集群解决方案。 LVS对最终用户完全透明，就好像是一台高性能虚拟的服务器。 可作为负载均衡解决方案应…
阅读更多...
用力的想你

用力的想你

空气中弥漫沉重的味道我觉得我在想你可是又找不到任何证据仿佛失去了嗅觉和味觉一切都是同一个味道那应该是想念的味道说不出来的是幸福还是忧伤悠悠的钢琴曲或许带给我一点点慰藉暂时逃离虚无缥缈的思念舞台太大我需要的却仅仅是一个温暖的拥抱无他此刻，我相信我在…
阅读更多...
python中的文件操作小结1

python中的文件操作小结1

#!/usr/local/bin/python3 # -*- coding:utf-8 -*-fopen("test_1",r,encoding"utf-8") #r代表读文件#----------读文件---------- print(f.tell()) #tell计数按照字符来计数 print(f.read(5)) #读前5个字符，注意此时文件指针已经到第5个 …
阅读更多...
Linux + mediaTool / themeTool

Linux + mediaTool / themeTool

asdfsf RealPlayer 出自Ubuntu中文 Realplayer的linux版本还不太强大，完全不能根windows版的比，支持的视频格式只有rm、rmvb、mp4等。不过Realplayer for linux并不是一无是处，它有一个浏览器插件，而且支持流媒体拖放的功能是其…
阅读更多...
最新文章

Copyright @ 2022~2023