（前端）方法步骤框架

VIP文章 Alt.9

于 2022-07-13 18:55:30 发布

阅读量311

点赞数

文章标签：大数据 html css 前端

本文链接：https://blog.csdn.net/await_9/article/details/125770302

版权

要求：1，从左到右设置5张图片

2，每张图片都有自己的解释

3，鼠标移动到图片上自动显示红色边框

步骤：区域分块

1，所有图片文字设置在一个大边框中

2， 5张图片利用无序列表排序

3，图片与文字在一个一个边框内

4，分别设置图片与文字

css要求：

1，清除所有元素默认的内边框与外边框

2，清除无序列表的默认样式

3，设置大边框宽度为1320px 居中

4，设置ul的内边距10px

5，设置li左浮动，使其水平放置，宽度为230px、外边距0 22px、边框灰色 1px实线

6，清理ul左右浮动，设置为块元素，利用center撑开边框

7，设置ul，使鼠标移动在图片上，会增加一个红色边框实线

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0%;
				padding: 0%;
			}
			li{
				/* 清除样式 */
				list-style: none;
			}
			.box{
				width: 1320

最低0.47元/天解锁文章

Alt.9

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
（前端）方法步骤框架

要求：1，从左到右设置5张图片2，每张图片都有自己的解释3，鼠标移动到图片上自动显示红色边框步骤：区域分块1，所有图片文字设置在一个大边框中2， 5张图片利用无序列表排序3，图片与文字在一个一个边框内4，分别设置图片与文字css要求：1，清除所有元素默认的内边框与外边框2，清除无序列表的默认样式3，设置大边框宽度为1320px 居中4，设置ul的内边距10px5，设置li左浮动，使其水平放置，宽度为230px、外边距0 22px、边框灰色 1px实线6，清理ul左右浮动，设置为块元素，利用center撑开
复制链接

扫一扫