css文字在底部怎么写
css文字在底部的实现方法:首先新建一个html文件,并使用div标签创建一个模块;然后设置div的class属性为con;接着分别在css标签内创建div和p元素的样式;最后设置其位置属性为绝对定位即可。
本教程操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
新建一个html文件,命名为test.html,用于讲解css中怎么样才能使内容在div的底部中间。
在test.html文件内,使用div标签创建一个模块,在其内部使用p标签创建一行文字。
设置div的class属性为con,用于下面使用css对其进行样式设置。
在test.html文件内,分别在css标签内创建div和p元素的样式设置。【推荐:《css视频教程》】
在css中,对类名为con的div进行样式设置。设置其位置属性为绝对定位(position:absolute),宽度为300px(width:300px),高度为300px(height:300px),背景颜色为黄色 (background:yellow)。
在css中,对p元素进行样式设置。设置其位置属性为绝对定位(position:absolute),在div的底部(bottom:0),宽度为100%(width:100%),文字居中显示(text-align:center)。
在浏览器打开test.html文件,查看文字在div底部居中的效果。
以上就是css文字在底部怎么写的详细内容,更多请关注其它相关文章!
上一篇: BootStrap 下拉框插件
下一篇: JS实现全国城市省市区三级联动的代码
推荐阅读
-
CSS让footer保持在页面底部_html/css_WEB-ITnose
-
怎么将这段文字显示出来,在textarea中,要有换行的格式
-
怎么将这段文字显示出来,在textarea中,要有换行的格式
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose
-
CSS3里怎么实现提示文字的弹窗效果
-
静态文件服务器A和web应用服务器B分开,怎么样在B服务器上传的图片,上传到静态文件服务器应用是PHP写的?
-
thinkphp 怎么在Model里面写传统的SQL语句
-
怎么用CSS3做出灯光照射显示文字动画
-
怎么在css3在页面中插入内容
-
css文字从右边到左的滚动效果怎么实现?(代码示例)