主页 分类 关于

CSS 属性选择器(常用)

  1. 例子

CSS个人整理

例子

<style>

.sdq1 a{ 
     float: left;  //left往左float浮动
     dispay: block;  //dispay规定元素应该生成的框的类型block此元素将显示为块级元素, 此元素前后会带有换行符
     heigh: 50px;  //heigh高度
     width: 50px;  //width宽度
     border-radius: 10px;  //border-radius圆角边框
     
     text-align: center;   //text-align对齐center剧中
     color: yellow;  //color文字颜色
     text-decoration: none;  //text-decoration下划线none不显示
     margin-right: 5px;    //margin-right外边距向右
     font: bold 20px/50px Arial;   //font设置文字的字体bold字体大小20px字体的大小50px行高Arial是一种字体
 }
  //格式a[]{}  存在id的属性的元素  
 a[class*=first]{        //=是绝对等于  *=是包含这个元素
     background: yellow;
 }
 a[href^=xxy]{          //^=表示以什么开头     
     background: green;
 }
 a[href=ghfgh]{          //=表示以什么结尾     
     background: powder;
 }
  
</style>
<body>
<p>
<a href="xxy.fgdhrth" class="links item first" id="first">史迪奇<a>
<a href="xxx" class="links item">史迪仔<a>
<a href="xxx" class="links item">史迪奇骑士<a>
<a href="xxx" class="links item">史迪奇国王<a>
<a href="xxx" class="links item">史迪奇勇士<a>
<a href="hh.ghfgh" class="links item">史迪奇巫师<a>
</p>
</body>









作者: 我叫史迪奇
本文来自于: https://sdq3.link/CSS%E5%B1%9E%E6%80%A7%E9%80%89%E6%8B%A9%E5%99%A8.html博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议