伪类设置隐藏色

最新推荐文章于 2024-06-13 08:00:48 发布
最新推荐文章于 2024-06-13 08:00:48 发布
阅读量183 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/miao_nei/article/details/116159691
版权 
<!DOCTYPE html>
<html lang='cs'>
  <head>
    <title></title>
    <meta charset='bck'>
    <meta name='description' content=''>
    <meta name='keywords' content=''>
    <meta name='author' content=''>
    <meta name='robots' content='all'>
    <!-- <meta http-equiv='X-UA-Compatible' content='IE=edge'> -->
    <link href='/favicon.png' rel='shortcut icon' type='image/png'>
  </head>
  <style>
    .one{
        float:left;
    }
    ul{
    list-style:none;
         margin-left:30%;
          margin-top:5%;
    }
    li{
    display:inline-block;
    border-top:2px solid #ccc;
      height:150px;  
    }
    .lbox1{
    }
    .lbox1:hover
{ 
background-color:#F8F8F8;
}
img{
height:110px;
}
    .box1
    {
        width:860px;
        height:130px;
        margin-top:2px solid #; 
    }
    img{
         margin-bottom:20px
    }
    .spanbox1{
        margin-top:20px;
         font-size:20px;
         font-family:黑体;
    }
    .spanbox2{
          color:#cccc00;
          font-size:16px;
    }
    .spanbox3{
        background-color:#eee;
        color:#999;
        font-size:14px;
    }
    .spanbox4{
          border:1px solid #eee;
          border-radius:25px;
          color:#999;
    }
      .spanbox5{
          color:#999;
    }
    
  </style>
  <body>
            <ul>
            <li class="lbox1"><div class="box1">
            <img src="./images/4.jpg" class="one">
            <h1>
            <div class="spanbox1"> <span>&nbsp</span>不只有看肤色套纯色 选对口红衣服更美</div>  
            </h1>
            <h2>
            <div margin-bottom=30px>
                <span>&nbsp</span><span class="spanbox2">标签</span>
               <span class="spanbox3">唇膏</span>
                <span class="spanbox3">衣服</span>
                <span class="spanbox3">粉色</span>
                <span class="spanbox3">化妆</span>
                <span class="spanbox3">美容美体</span>
            </div>
            </h2>
            <div>
                  <span>&nbsp</span><span class="spanbox4">悦己self</span>
                 <span class="spanbox5">2016-10-18</span>
                 
            </div>
            
                <li class="lbox1"><div class="box1">
            <img src="./images/5.jpg" class="one">
            <h1>
            <div class="spanbox1"> <span>&nbsp</span>学画红唇妆 让你的女王范分分钟秒杀路人</div>
            </h1>
            <h2>  
            <div>
                <span>&nbsp</span><span class="spanbox2">标签</span>
               <span class="spanbox3">唇膏</span>
                <span class="spanbox3">衣服</span>
                <span class="spanbox3">粉色</span>
                <span class="spanbox3">化妆</span>
                <span class="spanbox3">美容美体</span>
            </div>
            </h2>
            <div>
                  <span>&nbsp</span><span class="spanbox4">毛戈平形象艺术学校</span>
                 <span class="spanbox5">2016-10-18</span>
                 
            </div>
            
                 <li class="lbox1"><div class="box1">
            <img src="./images/6.jpg" class="one">
            <h1>
            <div class="spanbox1">&nbsp无数次给国外博主跪了 把自己的脸画出漫画人物好逼真</div>
            </h1>
            <h2>  
            <div>
                <span>&nbsp</span><span class="spanbox3">美容美体</span>
            </div>
            </h2>
            <div>
                 <span>&nbsp</span><span class="spanbox4">八公举</span>
                 <span class="spanbox5">2016-10-18</span>
                 
            </div>
             </ul>
  </body>
</html>

miao_nei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
50道CSS基础面试题（附答案）
weixin_34242509的博客
02-22 8968
1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？ 用来控制元素的盒子模型的解析模式...
伪类选择器、元素隐藏方式、高宽度自适应以及解决高度塌陷问题和全屏页面制作
m0_50785753的博客
06-13 413
伪类选择器、元素隐藏方式、高宽度自适应以及解决高度塌陷问题和全屏页面制作
伪类实现点击隐藏栏
chaosama的博客
10-21 263
老规矩，先来看效果 <view class="search"> <view class="search-text">{{option}} <view class="accountItem" ref="accoutItem"> <ul> <li data-options="1" @click="options"...
使用伪类hover显示隐藏
crystalHy的博客
08-28 3741
当鼠标移入某标签时，div显示，移出时，div隐藏，并且鼠标在div上时，也是显示的 记录，直接上代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; .dropdown { position: relative;
csss----伪类，二级菜单显示与隐藏，html
Shh_1758668879的博客
03-01 6791
伪类          连接：    图片：   无序列表：                          红茶                          绿茶                        去掉项目符号   list-style:none;    表格：                    表格标题    
利用input和伪类来进行标签的显示和隐藏
weixin_34199405的博客
08-24 790
Checkbox来储存状态 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> .txt{padding: 20px;} #myCheck{display: none;} .menu{cursor: pointe...
利用CSS3的checked伪类实现OL的隐藏显示的方法
09-25
随着CSS3的发布，国外研究正如火如荼，但在国内还有很多人抱着IE不支持CSS3的想法，始终无动于衷不肯去学习。
div容器自增长后其内的背景色或图片随之增长
12-13
这种方法就是对父容器使用after伪类和内容声明在指定的现在内容末尾添加新的内容。经常的做法就是添加一个“点”，因为它比较小不太引人注意。然后我们再利用它来清除浮动（闭合浮动元素），并隐藏这个内容。 这种...
保形障碍和隐藏的局部对称约束：LHC diboson通道中的行走技术
04-07
我们扩展了先前对ATLAS协作组织报告的2 TeV迪布森过量的行走技术上的共形障碍的分析，特别强调了隐藏的局部对称性（HLS）约束。 我们首先表明，标准模型（SM）希格斯拉格朗日式等效于尺度不变的非线性手性拉格朗日式...
eclipse-planet-themes:受到太阳系行星启发的浅色和深色Eclipse主题集合
04-03
紧凑：Windows上的边框少，视觉伪像少，隐藏的按钮和平面滚动条。 可读性：低眩光，平衡的对比度以及带有编程连字的集成编辑器字体，易于操作。 杰出：不是革命，而是希望与传统的Eclipse外观有很好的交融。 ...
文件密码箱2012.S绿色免费版安全存储管理软件(文件加密、压缩、分割合并、粉碎及成加密防删除防复制等）
08-01
【软件特点】： 1、有别于隐藏文件夹之类的伪加密，“文件密码箱”通过在磁盘上建立一个加密虚拟存储层——密码箱，实现文件的透明加密和安全隔离存储，并通过专门的虚拟文件系统对密码箱中内容进行管理。...
CSS基础--选择器定位
qq_44489836的博客
03-03 1098
学习目标： 学习层叠、优先级，以及在CSS中继承是如何工作的 掌握 CSS 稍微复杂的一些选择器，还有背景，边框等一些 CSS 样式属性。 进一步学习 CSS 选择器相关的知识 学习内容： 层叠与继承 在某些时候，在做一个项目过程中你会发现一些应该产生效果的样式没有生效。通常的原因是你创建了两个应用于同一个元素的规则。cascade, 和它密切相关的概念是 specificity，决定在发生冲突的时候应该使用哪条规则。设计元素样式的规则可能不是期望的规则，因此需要了解这些机制是如何工作的。 这里也有继承的
面试题---背题版
lyy112987的博客
11-04 1159
1.http是什么 http是超文本传输协议,http规定了请求报文和相应报文的格式,在传输过程中数据不会加密 2.https是和http的不同 https为安全超文本传输协议,是通过数据加密的方式传输数据的 状态码 2xx 成功 3xx 重定向 301Moved Permanently永久重定向。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替. 302Found临时重...
HTML做成一个端午节炫酷页面
德乐懿的博客
06-09 1365
请注意，你需要替换dragon-boat-1.png、dragon-boat-2.png和dragon-boat-3.png为你自己的龙舟图片，并确保这些图片是龙舟从不同角度拍摄的，以便创建3D效果。要创建一个端午节的炫酷页面，我们可以结合HTML、CSS和JavaScript来创建一些动画效果、3D效果和交互元素。曹娥是东汉上虞人，因父亲溺于江中，昼夜沿江号哭，后亦投江，五日后抱出父尸，人们为纪念其孝节而兴建曹娥庙。这些活动不仅丰富了人们的文化生活，也传承了端午节的传统文化。/* 样式代码 */
HTML跨年烟花
热门推荐
兔子王
06-04 1万+
学会了这个html烟花秀，跨年就不缺文案喽~
HTML 中使用 JavaScript 的具体方式
weixin_44814196的博客
06-10 840
介绍在 HTML 文档里面使用 JavaScript 的常见方式
HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)
weixin_42283461的博客
06-12 519
HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)
HTML静态网页成品作业(HTML+CSS)—— 家乡成都介绍网页(4个页面)
最新发布
weixin_42283461的博客
06-13 366
HTML静态网页成品作业(HTML+CSS)—— 家乡成都介绍网页(4个页面)
HTML 颜色名
xyq2024的博客
06-12 451
HTML 颜色名是一组预定义的颜色，可以在 HTML 和 CSS 中使用。这些颜色名易于记忆，方便开发者快速选择和使用。本文将详细介绍 HTML 颜色名，包括它们的用途、优点以及如何在网页设计中使用它们。
设置下拉框的指示箭头背景色
05-30
技术进行资产管理，可以减少人工盘点和人工记录等环节，从而降低管理成本要设置下拉框的指示箭头的背景色，你可以使用CSS...如果你需要适配IE浏览器，可以使用 `::-ms-expand` 伪元素来隐藏IE浏览器默认的下拉箭头。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值