超简单使用html定义一个红色小圆点

两种方法

两种方法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>奇葩天地网www.qipa250.com</title>
</head>
<body><div>方法1：<i style="width:20px;height:20px;border-radius:50%;background-color:red;display: block"></i></div><div>方法2：<div style="width:20px;height:20px;border-radius:50%;background-color:blue;"></div></div>
</body>
</html>

效果图：

超简单使用html定义一个红色小圆点相关推荐

如何使用html定义一个红色小圆点
在做工厂设备实时监视的时候,经常会根据设备启停,设置状态为绿色小点和红色小点: <!DOCTYPE html> <html lang="en"><he ...
android 图片轮播圆点,简单的图片轮播加小圆点
先说一下思路,使用ViewPager加 LinearLayout 布局共同实现, 先看布局 android:layout_width="match_parent" androi ...
红色小圆点消息提示实现
项目地址 demo 前言本司突然多了个需求,要在消息按钮右上角加个类似手机应用小圆点消息提示.就下面这货. 正文第一想法就是定高,靠内容撑宽度.最小宽度和高度一致. .tip {min-widt ...
超简单调整Fedora25遇到的字体小问题——字体渲染问题和输入框内容显示不全...
第一个问题:字体渲染抗锯齿效果很不舒服.如图: 锯齿很明显.解决方法,使用gnome-tweak-tool(中文名:优化工具)如果没有,请安装: dnf install -y gnome-tweak ...
使用一个超简单的类实现一个简易服务器，明白Tomcat的运行机制
代码如下: package bear.网络通讯;import java.io.BufferedReader; import java.io.IOException; import java.io.In ...
ASP.NET中一种超简单的Ajax解决方案
为什么是Ajax2? 因为之前有一个blqw.Ajax,并且已经在项目中投入使用了,但是没有这个方便,这个是后来才弄的,为了纪念第一版的blqw.Ajax,所以这个就2了... 话说看了评论才发现,原 ...
Netty 实战：如何编写一个麻小俱全的 web 容器
逅弈(逅弈逐码)| 作者本文转载自「逅弈逐码」,欢迎关注学习 Netty 也有一段时间了,为了更好的掌握 Netty,我手动造了轮子,一个基于 Netty 的 web 容器:redant,中文 ...
netty web 容器_Netty 实战：如何编写一个麻小俱全的 web 框架
学习 Netty 也有一段时间了,为了更好的掌握 Netty,我手动造了个轮子,一个基于 Netty 的 web 框架:redant,中文叫红火蚁.创建这个项目的目的主要是学习使用 Netty,俗话说 ...
ViewPager 添加广告页面小圆点指示器效果
介绍我们的应用几乎都有启动引导页介绍,通常是3~4张引导图,然后进入我们的主界面.大家可以发现,我们大部分引导界面都会有一种指示器(也就是小圆点,这里比较常见).除了引导页以外呢,我们常见的广告页也 ...

超简单使用html定义一个红色小圆点

超简单使用html定义一个红色小圆点

两种方法

超简单使用html定义一个红色小圆点相关推荐

最新文章

热门文章