小蔡学Web:[13]网页的定位position

2025-07-19 10:08:25

1、打开DW软件,然后新建一个空白网页,然后保存为position.html。

小蔡学Web:[13]网页的定位position

3、我在争犸禀淫<title>中输入合适的样式表,用来美化网页,我们用唯一样式调用ID调用,所以我们用#来写样式,分别取名为,#style_image,#style_word。#style_image{border:1px solid #000000; /* 给图片加框 */float:left;/*左浮动 */}#style_word{color:white;font-size:16px; /*定义字体大小,颜色 */}

小蔡学Web:[13]网页的定位position

5、我们可以从上面可以看到,字体和图片都右浮动了,但是没有达到我们定位的效果,我们接下来要把定位position写到#style_word里面去。#style_word{color:#FF0000;font-size:16px;position:absolute; //定位left:255px;top:200px;}

小蔡学Web:[13]网页的定位position
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢