Πως κάνω με ccs στα tables τα borders Roundness ?

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
sifisg
Δημοσιεύσεις: 11
Εγγραφή: 05 Οκτ 2004 13:49

Πως κάνω με ccs στα tables τα borders Roundness ?

Δημοσίευση από sifisg » 29 Μαρ 2005 15:53

Πως μπορώ να κάνω με ccs στα tables τα borders Rectangle Roundness ?
με το dreamweaver.

Ευχαριστώ.

Άβαταρ μέλους
tsiger
Honorary Member
Δημοσιεύσεις: 1431
Εγγραφή: 11 Νοέμ 2002 13:40
Τοποθεσία: Thessaloniki Observation Center
Επικοινωνία:

Πως κάνω με ccs στα tables τα borders Roundness ?

Δημοσίευση από tsiger » 29 Μαρ 2005 16:31

Θα χρειαστεις και 4 γωνιες-εικονες
up_left.gif
up_right.gif
down_left.gif
down_right.gif

Κώδικας: Επιλογή όλων




<html>
<head>
<title>round corners with css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

.container_div &#123;
	width&#58; 250px;
	background-color&#58; #000;
	color&#58; #FFF;
&#125;

P &#123; padding-left&#58;15px; &#125;

.top_rounded &#123; 
	background&#58; url&#40;up_right.gif&#41; no-repeat top right; 
&#125;

.bottom_rounded &#123;
	background&#58; url&#40;down_right.gif&#41; no-repeat top right; 
&#125;

img.corner &#123;
   width&#58; 15px;
   height&#58; 15px;
   border&#58; none;
   display&#58; block !important;
&#125;


</style>

</head>

<body>
<div class="container_div">
   <div class="top_rounded">
	 <img src="up_left.gif" alt="" 
	 width="15" height="15" class="corner" 
	 style="display&#58; none" />
   </div>

   
  <p>Around the World.</p>
  
   <div class="bottom_rounded">
	 <img src="down_left.gif" alt="" 
	 width="15" height="15" class="corner" 
	 style="display&#58; none" />
   </div>
</div>

	
</body>
</html>


Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες