教你用css3实现图片容器内等比缩放,教你用c3实现图片容器内等比缩放......
2023-03-16 337 CSS
一般情况下,我们在使用css中的float属性时,通常设置值为left或right,没有直接居中显示的。那么,如果一个元素使用了float属性,想要将这个元素居中显示如何设置呢?
在HBuilderX工具已创建的Web项目,鼠标右键新建html,输入文件名称为float.html
打开float.html文件,向body标签中插入一个无序列表
在无序列表元素ul外层的div标签添加一个class属性,设置文字居中、元素居中
保存代码并运行项目,打开浏览器查看效果,发现无序列表的点和子项分离了
利用class和元素组合的选择器,设置无序列表float为left,然后left设置为50%
再次保存代码并刷新浏览器,可以看到无序列表的点去掉了,纵向排列变为横向排列,并且是居中显示
1、创建Web项目
2、建HTML页面
3、添加无序列表
4、设置样式属性
5、保存代码预览
6、修改刷新查看
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: CSS
相关文章
怎么用div布局加css样式做网页,怎么做一个网页呢,静态页面的制作是很简单的,我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 479 CSS
css基础教程:[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1,使用网络字体的好处是所有人看到的效果都是样的,效果统一,2,不依赖于用户电脑上是否安装了该字体。......
2023-03-16 327 CSS