技术问答css濡備綍璁剧疆div灞呬腑 - 扬州沐宇科技

css璁剧疆div灞呬腑鐨勬柟娉曪細1.鍒涘缓html鏂囦欢锛?.娣诲姞html鏋舵瀯浠ｇ爜鍒癶tml鏂囦欢涓紱3.鍦╞ody鏍囩涓娇鐢╠iv鏍囩璁剧疆div鐩掑瓙锛?.娣诲姞style鏍囩骞剁粰div璁剧疆灞呬腑鏍峰紡锛?.閫氳繃娴忚鍣ㄦ柟寮忔煡鐪嬭缃晥鏋溿€?/p>

css濡備綍璁剧疆div灞呬腑

鍏蜂綋鎿嶄綔姝ラ锛?/p>

1.棣栧厛鍒涘缓涓€涓猦tml鏂囦欢銆?/p>

2.灏唄tml鏋舵瀯浠ｇ爜娣诲姞鍒癶tml鏂囦欢涓€?/p>

<!DOCTYPE html>
<html>
<head>
<title>div灞呬腑</title>
</head>
<body>
</body>
</html>

3.鍦╤tml鏋舵瀯涓殑body鏍囩閲岄潰浣跨敤div鏍囩璁剧疆涓€涓猟iv鐩掑瓙銆?/p>

<div>瀹氬鍧楃姸鍏冪礌姘村钩灞呬腑</div>

4.鍦╤tml鏋舵瀯涓殑html鏍囩閲岄潰娣诲姞style鏍囩骞惰缃甤ss灞呬腑鏍峰紡銆?/p>

<style>
div{
border:1px solid red;
width: 200px;    /*瀹氬*/
margin:20px auto;   /*margin-left 涓?nbsp;margin-right 璁剧疆涓?nbsp;auto*/
}
</style>

5.鏈€鍚庡彲閫氳繃娴忚鍣ㄦ柟寮忛槄璇籬tml鏂囦欢鏌ョ湅璁剧疆鏁堟灉銆?/p>

瀹屾暣绀轰緥浠ｇ爜锛?/p>

<!DOCTYPE html>
<html>
<head>
<title>div灞呬腑</title>
</head>
<style>
div{
border:1px solid red;
width: 200px;    /*瀹氬*/
margin:20px auto;   /*margin-left 涓?nbsp;margin-right 璁剧疆涓?nbsp;auto*/
}
</style>
<body>
<div>瀹氬鍧楃姸鍏冪礌姘村钩灞呬腑</div>
</body>
</html>