需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,一个新建html文件,例如:index.html,填充问题基础代码。
2、其次,在index.html中的<style>标签中,输入css样式代码:li{padding-top:49px}。
3、浏览器运行index.html页面,此时通过css将li标签的行距调整为了49px。
1、新建一个html文件,命名为test.html。
2、在test.html文件内,创建一个div模块,在div标签内,使用ul、li标签创建一个无序列表。
3、在test.html文件内,设置div的class为mydiv,主要用于设置div的css样式。
4、在css标签内,通过class设置div的宽度为300px,高度为200px,背景颜色为灰色。
5、在test.html文件内,再设置无序列表ul的样式 ,使用width属性设置其宽度为100px,同时使用margin属性设置其居中显示。
6、在浏览器打开test.html文件,查看实现的效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)