CSS如何相对同辈元素定位

CSS如何相对同辈元素定位,第1张

材料/工具:电脑、CSS3、HTML5、HBuilder、浏览器、截图工具

1、双击打开HBuilder编辑工具,新建静态页面positionhtml,修改title标签内的内容。

2、在<body></body>标签元素内插入一个<div></div>标签,设置其id属性值为pos。

3、利用ID选择器设置div元素宽度和高度都为300px,背景色为#666666,position为absolute。

4、保存代码并预览界面,发现页面展示的正方形边框在左上角。

5、修改top、left、margin和padding,让div元素垂直居中。

6、设置div标签元素border-radius和background渐变属性即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13334564.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-16
下一篇 2023-07-16

发表评论

登录后才能评论

评论列表(0条)

保存