这篇文章主要为大家详解CSS常用操作对齐方法，感兴趣的小伙伴们可以参考一下一、使用margin属性进行水平对齐 *{margin: 0px; } .div{width: 70%;height: 1000px;background-color: red;margin-left: auto;margin-right: auto; }margin:值1 值2值1代表上下 值2代表左右*{margin: 0px; } .div{width: 70%;height: 1000px;background-color: red;margin: 100px auto; }二、使用position属性进行左右对齐*{margin: 0px; } .div{width...
body{ background-color: #0078b3;}.image{ border: 1px solid darkgray; width: auto; height: auto; float: left; text-align: center; margin: 5px;}img{ margin: 5px; opacity: 1;}.text{ font-size: 12px; margin-bottom: 5px;}a:hover{ background-color: aqua;} 图片 一张背景图 一...
这篇文章主要为大家详解Css常用操作导航栏方法的布局类，感兴趣的小伙伴们可以参考一下一、垂直导航栏ul{list-style-type: none;margin: 0px;padding: 0px; }a:link,a:visited{text-decoration: none;display: block;background-color: aqua;color: black;width: 50px;text-align: center; }a:active,a:hover{background-color: crimson; }<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>导航栏</title><li...
这篇文章主要为大家详解Css常用操作分类方法，感兴趣的小伙伴们可以参考一下一、尺寸操作 height 设置元素高度 line-height 设置行高.p1{width: 400px;line-height: normal; }.p2{width: 400px;line-height: 200%; }.p3{width: 400px;line-height: 50%; }<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>对齐</title><link href="style.css" type="text/css" rel="stylesheet"> </head> <body><...
这篇文章主要为大家详解Css常用操作图片方法的相关资料,需要的朋友可以参考下body{background-color: #0078b3; }.image{border: 1px solid darkgray;width: auto;height: auto;float: left;text-align: center;margin: 5px; }img{margin: 5px;opacity: 1; }.text{font-size: 12px;margin-bottom: 5px; }a:hover{background-color: aqua; }<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>图片</title><link ...
1,样式对齐.div { width: 70%; height: 1000px; background-color: red; position: relative; left: 15%; right: 15%; /*margin: 10px auto;*/ }2,样式尺寸<body> <p class="p1">hell world html5 hell world html5</p> <p class="p2">hell world html5 hell world html5</p> <p class="p3">hell world html5 hell world html5</p> <ul> <li>111111</li> <li>222222</li> <li>33333333</li> </ul> </body>...