当前位置:首页 > 杂文短讯 > html代码css平行四边形布局

html代码css平行四边形布局

网络大杂烩4个月前 (06-29)杂文短讯56

html代码css平行四边形布局

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .wrap1 {
            display: inline-block;
            border: 1px solid red;
            transform: skew(45deg);
            padding: 0 10px;
        }
        .txt1 {
            transform: skew(-45deg);
        }
        .wrap2 {
            position: relative;
            display: inline-block;
            padding: 0 10px;
        }
        .wrap2::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            background: #fff;
            transform: skew(45deg);
            border: 1px solid red;
        }
    </style>
</head>
<body>
    <!-- 方法一-->
    <div class="wrap1">
        <div class="txt1">这是文字1</div>
    </div>
    <!-- 方法二-->
    <div class="wrap2">
        这是文字2
  </div>


流量卡29包100G


免责声明:天天见博客网提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件(leongpybingzla46@gmail.com)与我们联系处理。

本文链接:https://8848ka.cn/post/972.html

相关文章

今天讲一下王者荣耀主页人气值和点赞如何快速得,王者荣耀快速刷主页人气值和点赞

今天讲一下王者荣耀主页人气值和点赞如何快速得,王者荣耀快速刷主页人气值和点赞

  1 .粉丝数,一个粉丝增加10点的人气值,和其他玩家成为朋友就直接“相互关注”。 也就是说,增加朋友(粉丝)是因为人气值的玩法才刚刚开始,所以在大厅里会添加朋友,赞扬朋友。 找这些人加个朋友就行了...

个人引导页幻灯片源码炫酷潮流,html响应动画博客幻灯片

个人引导页幻灯片源码炫酷潮流,html响应动画博客幻灯片

这是一张响应式动画效果博客幻灯片,使用Swiper插件创建,其中包含缩略图、日期、标题、摘要、详细链接等信息。 在幻灯片切换时,这些信息会有淡入淡出等动画效果。 内容图像可以自己改变,可以用来建立个人...

代刷网导航5

代刷网导航5

站点名称:QQ代刷网 - 嘉乐业务网,QQ刷赞,代刷平台,QQ名片赞,刷赞网站站点网址:123.totobe.cn 站点描述:QQ代刷网是嘉乐旗下网站综合业务分区,以QQ代刷网,QQ刷赞,代刷平台,...

一款PHP网盘与外链分享程序,支持所有格式文件的上传

一款PHP网盘与外链分享程序,支持所有格式文件的上传

一款PHP网盘与外链分享程序,支持所有格式文件的上传,可以生成文件外链、图片外链、音乐视频外链,生成外链同时自动生成相应的UBB代码和HTML代码,还可支持文本、图片、音乐、视频在线预览,这不仅仅是一...

2021年最新小白易语言注册机教程

2021年最新小白易语言注册机教程

注册机有什么用?一些平台的做活动的时候,通常会给出一些奖励,然后我们利用一些平台或者公司的拉新奖励活动,去做的一个接码。因为我们没有那么多手机号,所以需要用到接码平台来为我们实现提供大量的新用户号码!...