Announcement

Collapse
No announcement yet.

giúp đỡ về màu nền cho web bằng html

Collapse
X
Collapse
 
  • Page of 4
  • Filter
  • Time
  • Show
Clear All
new posts
Previous 1 2 3 4 template Next
  • #1

    giúp đỡ về màu nền cho web bằng html

    các bác ơi em học html được một thời gian rồi hôm nay quay lại thực hành ai dè khó quá
    làm một trang web có 2 màu nền thế này mà không biết làm


    Nếu các bác không đỡ nổi câu trên thì làm hộ câu sau với.EM không làm được câu sau nên mới nghĩ làm câu trên trước để thực hiện câu sau
    0b4b2d50ca1f3810ff4a0104392fcef6_48380619.khongdoduoc.700x0.png
    cái khó của nó là nó có cái dòng màu hồng làm nền cho chữ mẹ và sau đó lại đến cái khoảng trắng rồi mới đến nền màu vàng nếu màu nền hẳn thì em làm xong rồi
    Last edited by anewmember; 22-08-2012, 16:10.
    Tags: None
  • #2
    Bỏ vào div. Ai cấm xài div đâu?

    Comment

    • #3
      Originally posted by 07520182 View Post
      Bỏ vào div. Ai cấm xài div đâu?
      Vậy chắc là em chưa đủ trình rồi.Em chưa biết div là gì cả một thời gian sau thực hành lại

      Comment

      • #4
        Color Picker Tool | Free HEX Color Picker by WebFX
        http://www.colorpicker.com/
        Use our free online color picker tool to generate beautiful color palettes. Manually adjust HEX codes, HSB, and RGB values as needed!

        Comment

        • #5
          Originally posted by 07520182 View Post
          Bỏ vào div. Ai cấm xài div đâu?
          Vậy chắc là em chưa đủ trình rồi.Em chưa biết div là gì cả

          Comment

          • #6
            <p style="background màu hồng">Mẹ</p>
            <br>
            <p style="background màu vàng">Má là cả một khoảng trời thương</p>

            như vậy cũng dc mà
            :beauty:
            Phạm Minh Tâm
            Phone: 01643-652-922
            Skype ID: tampham47@live.com

            Comment

            • #7
              Code:
              <Doctype HTML>
<html>
<head>
	<title> Problem </title>
	<style>
		.p1 {
			background-color: red;
			height: 50px;
		}
		.p2 {
			background-color: blue;
			height: 50px;
		}
	</style>
</head>
<body>
	<div class="p1"></div>
	
	<div class="p2"></div>
</body>
</html>
              Bạn tạo file html theo code trên nhé.

              Comment

              • #8
                Originally posted by 12520207 View Post
                Code:
                <Doctype HTML>
<html>
<head>
	<title> Problem </title>
	<style>
		.p1 {
			background-color: red;
			height: 50px;
		}
		.p2 {
			background-color: blue;
			height: 50px;
		}
	</style>
</head>
<body>
	<div class="p1"></div>
	
	<div class="p2"></div>
</body>
</html>
                Bạn tạo file html theo code trên nhé.
                em này khóa 7 mà cũng ghê vậy ha.SAo xem qua nó giống lập trình hướng đối tượng thế à.MẶc dù anh chẳng biết gì về nó

                Comment

                • #9
                  Code:
                  <Doctype HTML>
<html>
<head>
	<title> Problem </title>
	<style>
		.p1 {
			background-color: red;
			height: 50px;
		}
		.p2 {
			background-color: blue;
			height: 50px;
			margin-top: 50px;
		}
		#layout {
			width: 500px;
			margin: 50px auto; 
		}
	</style>
</head>
<body>
<div id="layout">
	<div class="p1"></div>
	
	<div class="p2"></div>
</div>	
</body>
</html>
                  Đây là bài tập thứ 2 của bạn. Tương tự thêm nội dung và sửa màu lại.

                  Comment

                  • #10
                    Bài tập thứ 2, giống demo.
                    Code:
                    <Doctype HTML>
<html>
<head>
	<title> Problem </title>
	<style>
		.p1 {
			background-color: #FF6CED;
			height: 50px;
			padding: 5px auto;
			text-align: center;
			font-size: 40px;
		}
		.pp {
			margin: auto;
			color: blue;
			font-style: italic;
			border-bottom: 1px black solid;
			width: 300px;
			text-align: center;
		}
		.p2 {
			background-color: #F4F400;
			height: 200px;
			margin-top: 50px;
		}
		.pt {
			margin: auto;
			color: red;
			font-style: italic;
			border-bottom: 1px black solid;
			width: 300px;
			text-align: center;
			margin-top: 40px;
			}
		#layout {
			width: 500px;
			margin: 50px auto; 
			border-left:outset;
			border-right: 2px black inset;
		}
	</style>
</head>
<body>
<div id="layout">
	<div class="p1">MẸ!</div>
	
	<div class="p2">
	<p class="pp"> Mẹ là cả một trời thương <br> Mẹ là cả một thiên đường trần gian <br> Công ơn cha mẹ tựa biển trời</p>
	<p class="pt"> Làm sao báo hiếu hỡi người oi <br> Nếu chưa báo hiếu đừng bất hiếu <br> Bất hiếu làm ta khổ muôn đời. </p>
	</div>
</div>	
</body>
</html>

                    Comment

                    • #11
                      Originally posted by 12520207 View Post
                      Bài tập thứ 2, giống demo.
                      Thiếu shadow kìa cậu

                      Comment

                      • #12
                        Originally posted by 09520434 View Post
                        <p style="background màu hồng">Mẹ</p>
                        <br>
                        <p style="background màu vàng">Má là cả một khoảng trời thương</p>

                        như vậy cũng dc mà
                        :beauty:
                        sai rồi bác ợ
                        background: link dẫn tới ảnh nền
                        làm như bác cũng không được

                        Comment

                        • #13
                          Originally posted by 12520207 View Post
                          Code:
                          <Doctype HTML>
<html>
<head>
	<title> Problem </title>
	<style>
		.p1 {
			background-color: red;
			height: 50px;
		}
		.p2 {
			background-color: blue;
			height: 50px;
		}
	</style>
</head>
<body>
	<div class="p1"></div>
	
	<div class="p2"></div>
</body>
</html>
                          Bạn tạo file html theo code trên nhé.
                          bạn nên đưa ra bài tập mẫu cho bạn kia edit lại... viết sẵn cũng tốt cho bạn ấy nhanh... nhưng lần sau có chắc là bạn ấy nhớ nó ko :happy:
                          HTML dùng Microsoft Office FrontPage để test thì ok cho người mới bắt đầu...:shy: theo ngu kiến của mình thì là thế ... vì mình khởi đầu bằng cái đó :look_down:
                          :aboom:

                          Comment

                          • #14
                            Originally posted by 11520132 View Post
                            Thiếu shadow kìa cậu
                            shadow đây anh, mới tìm hiểu thêm phần đổ bóng
                            Code:
                            <Doctype HTML>
<html>
<head>
	<title> Problem </title>
	<style>
		.p1 {
			background-color: #FF6CED;
			height: 50px;
			padding: 5px auto;
			text-align: center;
			font-size: 40px;
		}
		.pp {
			margin: auto;
			color: blue;
			font-style: italic;
			border-bottom: 1px black solid;
			width: 300px;
			text-align: center;
		}
		.p2 {
			background-color: #F4F400;
			height: 200px;
			margin-top: 50px;
		}
		.pt {
			margin: auto;
			color: red;
			font-style: italic;
			border-bottom: 1px black solid;
			width: 300px;
			text-align: center;
			margin-top: 40px;
			}
		#layout {
			width: 500px;
			margin: 50px auto; 
			border-left:outset;
			box-shadow: 5px 5px 5px #666;
			moz-box-shadow: 5px 5px 5px #666;
			webkit-box-shadow: 5px 5px 5px #666;
		}
	</style>
</head>
<body>
<div id="layout">
	<div class="p1">MẸ!</div>
	
	<div class="p2">
	<p class="pp"> Mẹ là cả một trời thương <br> Mẹ là cả một thiên đường trần gian <br> Công ơn cha mẹ tựa biển trời</p>
	<p class="pt"> Làm sao báo hiếu hỡi người oi <br> Nếu chưa báo hiếu đừng bất hiếu <br> Bất hiếu làm ta khổ muôn đời. </p>
	</div>
</div>	
</body>
</html>
                            P/S:
                            bạn nên đưa ra bài tập mẫu cho bạn kia edit lại... viết sẵn cũng tốt cho bạn ấy nhanh... nhưng lần sau có chắc là bạn ấy nhớ nó ko
                            HTML dùng Microsoft Office FrontPage để test thì ok cho người mới bắt đầu... theo ngu kiến của mình thì là thế ... vì mình khởi đầu bằng cái đó
                            Bạn dùng FrontPage thì còn gì là lập trình :happy:
                            Last edited by 12520207; 22-08-2012, 18:50.

                            Comment

                            • #15
                              Mấy cái layout và class nó nằm ở phần asp.net à mọi người. mà có phải chức năng của nó giống lập trình hướng đối tượng không thấy nó có cái class và có mấy cái p1,p2 như là lớp của hướng đối tượng
                              Last edited by anewmember; 22-08-2012, 19:42.

                              Comment

                              Previous 1 2 3 4 template Next

                              LHQC

                              Collapse
                              Working...
                              X