首页前端开发CSSleft小实例

left小实例

时间2024-05-23 07:54:05发布访客分类CSS浏览115
导读:这里配合position使用下,看看left劝化。 1、div css实例代码 css left实例成绩 CSS5 .box{ width:300px;height:300px; border:1px solid #00F} ....

这里配合position使用下,看看left劝化。
1、div css实例代码





css left实例成绩 CSS5

.box{
     width:300px;
    height:300px;
 border:1px solid #00F}

.pr{
     position:relative;
     border:1px solid #000;
     width:100px;
 height:50px}

.p1{
    left:10px;
border:1px solid #F00}
/* 血色盒子 */
.p2{
    left:30px;
border:1px solid #0F0}
/* 绿色盒子 */
.p3{
    left:60px;
border:1px solid #0FF}
/* 天蓝色盒子 */
.pwu{
     left:10px;
     width:100px;
     height:50px;
border:1px solid #F0F}
    /* 紫色盒子 */



内容1
模式2
内容3
未设置装备摆设position

2、成就截图


left css运用实例

小结:left须要在使用position属性下使用,在不使用position下零丁使用left,将是有效的。

在此外样式属性中left是作为值来使用,但与这里left分歧,这里是作为CSS属性单词。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: left小实例
本文地址: https://pptw.com/jishu/666170.html
将Typecho主题分页设置成上一页/下一页格式 @import引入CSS文件

游客 回复需填写必要信息