CSS方块定位的练习

最新推荐文章于 2022-08-08 16:59:39 发布

思诚代码块

最新推荐文章于 2022-08-08 16:59:39 发布

阅读量1.4k

点赞数 2

分类专栏： CSS 系列笔记+源码展示文章标签： css3 html 网页

本文链接：https://blog.csdn.net/weixin_47556601/article/details/122807078

版权

大家好，今天我们来分享一下CSS方块定位的练习

我们这一次我们使用方块练习css相对定位

看图：
在这里插入图片描述

这是我们的成品，就是几个超链接方块，你鼠标点上去，它的颜色会由粉色变成蓝色

第一部分的源码;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box{
   
            width: 300px; 
            /*定义红色边框的宽度*/
            height: 300px;
            /*定义红色边框的高度*/
            border: 2px solid red;
        /*    我们写了一个红色边框*/
        }
    /*    这是我们css部分*/
    </style>
</head>
<body>
<div id="box" >
     <a class="a1" href="#">链接1</a>
<!--    这是超链接标签，不过我们并没有指向他在哪-->
   <a class="a2" href="#">链接2</a>
    <a class="a3" href="#">链接3</a>
    <

最低0.47元/天解锁文章

思诚代码块

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS方块定位的练习

大家好，今天我们来分享一下CSS方块定位的练习我们这一次我们使用方块练习css相对定位看图：这是我们的成品，就是几个超链接方块，你鼠标点上去，它的颜色会由粉色变成蓝色第一部分的源码;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box{
复制链接

扫一扫