DIV+CSS列表式布局(同意图片的应用)

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <!--gbk,gb2312 中文-->
 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6 <!--页面三要素-->
 7 <title>DIV+CSS列表式布局</title>
 8 <meta name="keywords" content="关键字,关键字" />
 9 <meta name="description" content="描述" />
10 <!--js css-->
11 <style type="text/css">
12 body{background:#E6E6E6;font-family:"微软雅黑";font-size:12px;}
13 ul,li,h4,p{margin:0;padding:0;}
14 
15 .box{width:960px;height:500px;margin:0 auto;}
16 .box li{width:170px;float:left;list-style:none;background:url(images/icon.png) no-repeat;padding-left:100px;padding-top:10px;margin-bottom:50px;}
17 .box li h4{font-size:28px;font-weight:normal;}
18  p{font-size:14px;margin-top:3px;color:#666;}
19 .box li.i1{background-position:0 -10px;}
20 .box li.i2{background-position:0 -158px;}
21 .box li.i3{background-position:0 -310px;}
22 .box li.i4{background-position:0 -460px;}
23 .box li.i5{background-position:0 -610px;}
24 .box li.i6{background-position:0 -765px;}
25 
26 
27 </style>
28 </head>
29 
30 <body>
31 <ul class="box">
32 <li class="i1">
33     <h4>防骚扰</h4>
34     <p>智能拦截垃圾短信和骚扰电话,云识别陌生号码</p>
35 </li>
36 <li class="i2">
37     <h4>防吸费</h4>
38     <p>扫描并清理吸费应用,时刻管理流量和话费</p>
39 </li>
40 <li class="i3">
41     <h4>防病毒</h4>
42     <p>国际先进的杀毒引擎,安全防护你的手机</p>
43 </li>
44 <li class="i4">
45     <h4>一键加速</h4>
46     <p>深度研究拖慢手机应用,让手机提速30%</p>
47 </li>
48 <li class="i5">
49     <h4>清理垃圾</h4>
50     <p>精细分析系统残留垃圾,每日释放空间1MB</p>
51 </li>
52 <li class="i6">
53     <h4>应用管理</h4>
54     <p>卸载系统预装应用, 360°管理每一个应用</p>
55 </li>
56 
57 
58 </ul>
59 
60 
61 
62 </body>
63 </html>

效果:

转载于:https://www.cnblogs.com/ChineseMoonGod/p/5203688.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/289146.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

斯皮尔曼等级相关

一、斯皮尔曼等级相关简介 斯皮尔曼等级相关(Spearman’s correlation coefficient for ranked data)主要用于解决称名数据和顺序数据相关的问题。适用于两列变量,而且具有等级变量性质具有线性关系的资料。由英国心理学家、统计学家斯皮尔曼根据积差相关的概念推到而来,一…

怎么在mysql中打开表存信息,我应该如何存储用户的“收藏夹”在mySQL表?

I keep reading that I should store this in a separate table "with one value per line". What does this mean exactly? Like this - So that each "favoriting" gets another user entry?USER_ID SKU_Favorited001 10016001 10067024 10016001 1001…

用php写一个可以抽取随机数的工具一次只抽四个怎么实现?_面试了一个32岁的程序员,场面一度很尴尬。...

招人背景首先说一下朋友的公司招人背景&#xff0c;公司招聘PHP高级岗位&#xff0c;负责公司的B2B项目研发、并发问题的处理和解决。领导给了他两个要求&#xff1a;&#xff08;接下来的讲述我会以朋友的第一人称来进行&#xff09;&#xff08;1&#xff09;技术比较好&…

gdb可以查询执行文件的宏, 但是查询不了o文件的宏

在gcc使用-g3编译的时候, gdb可以查看对应c语言的宏. gdb a.out -ex list main -ex info macro XXXX -ex q Defined at /xvdc/w.c:6 #define XXXX ppppppppppppp 但是o文件却看不了对应的宏, gdb w.o -ex list main -ex info macro XXXX -ex q The symbol XXXX has no defin…

Python-os.path 学习

import osprint(#########################) # 当前路径 绝对路径 print("path is:\t", os.path.abspath(__file__)) # 当前路径 绝对路径 上一级目录 print("path is:\t", os.path.abspath(".")) # 当前路径 绝对路径 上上一级目录 print("…

React Native之导出

1 React Native里面一般导出函数或者常量或者组件 如果是默认组件或者类(export default修饰)的话,在另外一个地方导入的时候不需要加上{},格式如下 导出 export default class Student {} 导入 import Student from "./file"如果不是默认组件或类或则方法或则变量…

Windows 11 新版 22598 发布!引入 4K 聚焦壁纸,优化全新任务管理器和媒体播放器...

面向 Dev 和 Beta 频道的 Windows 预览体验成员&#xff0c;微软现已发布 Windows 11 预览版 Build 22598。主要变化1.微软宣布媒体播放器应用程序现已更新&#xff0c;进一步适配 Windows 11 的视觉设计。在播放视频时右键将看到全新的菜单&#xff0c;此外还提高了该应用的性…

Excel VBA将所有Sheet重命名为单元格a1的名称

Sub RenameSheet() Dim i As Integer For i 1 To Sheets.CountSheets(i).Name Sheets(i).Range("A1").Value Next End Sub

Mealy状态机的一点理解

在Mealy状态机中&#xff0c;输出是由输入和现态决定的。而状态机的次态是由输入的变化和现态决定的。这个特点决定了再verilog中实现的方式。建议简单的状态机就使用两段式always结构。 一个always中进行状态的转换&#xff0c;一个always中进行输出状态的变化。 刚刚已经说过…

怎样连接mysql文件_如何连接MYSQL数据库?

假设您的mysql数据库资料如下&#xff1a;MYSQL数据库名: testMYSQL帐号&#xff1a;public_test1MYSQL密码&#xff1a;test2免费赠送三级域名&#xff1a;test.u8.1358.netMYSQL数据库的管理:请您首先下载PhpMyAdmin软件&#xff0c;将此文件包解压&#xff0c;找到其中的一个…

得到时间字符串|程序当前的目录

CTime time CTime::GetCurrentTime();CString name_t time.Format("%Y%m%d%H%M%S"); //获得应用程序路径和资源文件路径GetModuleFileName(NULL, FilePath, MAX_PATH);(_tcsrchr(FilePath, _T(\\)))[0] 0; 转载于:https://www.cnblogs.com/mycway/p/4439619.html

js运行机制

说到js的运行机制&#xff0c;那么就要先从几个名词开始&#xff0c;这是为了让更多的人能看懂。如下&#xff1a;进程和线程&#xff1a;进程&#xff1a;进程是正在运行的程序的实例。程序关于数据集合上的一次运行活动&#xff0c;是系统进行资源分配和调度的基本单位&#…

javafx 推箱子小游戏object类_突破LeetCode Hard模式之《推箱子》

导读&#xff1a;算法哥好久没分享有趣的算法题了&#xff0c;有点寂寞空虚冷&#xff0c;今天看到一道似曾相识的题目&#xff0c;而且难度是hard模式&#xff0c;勾起了算法哥的征服欲。特分享之&#xff01;题目描述「推箱子」是一款风靡全球的益智小游戏&#xff0c;玩家需…

利用Excel VBA实现批量数据分组转置

问题:如上图所示,按lon,lat分组,再进行转置。 VBA代码: Sub admin()Dim conn, xRs, xFdSet conn = CreateObject("ADODB.Connection")conn.Open "Provider=Microsoft.Jet.Oledb.4.0;" & _"Extended Properties= Excel 8.0;hdr=yes;IMEX=1 …

Git之Stash(储藏)备份当前的工作区的内容

1 今天遇到的问题 我Git关联的项目,本地做了修改,然后我需要git pull拉别人的代码或者我需要修改其它的bug,本地做了修改我又不想合并,这个时候就可以使用git stash git stash:备份当前的工作区的内容,将当前的工作区内容保存到Git栈中 git stash list:显示Git栈内的所有备份…

Comparison of video container formats

Comparison of video container formats MOV跟MP4具体区别在哪里&#xff1f;转载于:https://www.cnblogs.com/jingzhishen/p/5205235.html

.NET 7 Preview 3添加了这些增强功能

.NET 7 Preview 3 已发布&#xff0c; .NET 7 的第三个预览版包括对可观察性、启动时间、代码生成、GC Region、Native AOT 编译等方面的增强。有兴趣的用户可以下载适用于 Windows、macOS 和 Linux 的 .NET 7 Preview 3。Microsoft 建议使用Visual Studio 17.2 Preview 3 的 预…

MySQL基本分区表

2019独角兽企业重金招聘Python工程师标准>>> 准备工作 1、查看数据库的信息 了解当前的Mysql数据库的版本和平台以及字符集等相关信息 mysql> status -------------- mysql Ver 14.14 Distrib 5.6.17, for Win64 (x86_64)Connection id: 4 Current dat…

mysql分页存储过程 分页查询语句_分页存储过程(用存储过程实现数据库的分页代码)...

用存储过程实现数据库的分页代码,加快页面执行速度。具体的大家可以测试下。--*******************************************************--* 分页存储过程 *--* 撒哈拉大森林 *--* 2010-6-28 *--*******************************************************if exists(select * f…

分段线性拟合经典案例:计算多年气温最低值和最高值的分段线性变化趋势(附分段线性拟合工具下载)

分段线性回归:是用虚拟变量估计不同数量水平的解释变量对被解释变量的影响。在经济关系中,当解释变量X的值达到某一水平X′之前,与被解释变量之间存在某种线性关系;当解释变量X的值达到或者超过X′以后,与被解释变量的关系就会发生变化。此时,如果已知X的转折点X′,我们…