تغییر استایل خط افقی با css

I

idocs

Member
من می خوام یه خط افقی در صفحه ایجاد کنم که به شکل زیر باشه:

ارتفاع 3 پیکسل، بصورت نقطه نقطه ای و سبز رنگ.

لطفا کد سی اس اس رو برام ارسال کنید.
 
Milad

Milad

Well-Known Member
اگر منظورت چیزی مثل عکسی که اتچ کردم هست باید از table استفاده کنی ، ممکنه روش دیگه ای هم داشته باشه ! من اینو بلدم :

کد: 
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Roxeta , MajidOnline</title>
<style>
#hv{
border-right-width:2px;
border-right-style:dotted;
border-right-color:green;
}
</style>
</head>

<body>

<div align="center">
    <table  cellpadding="0" cellspacing="0" width="76%" height = 100px;>
        <tr >
            <td id='hv'>Text</td>
            <td align="right">Text</td>
        </tr>
    </table>
</div>

</body>

</html>
 

پیوست ها

  • 1.png
    1.png
    3.7 کیلوبایت · بازدیدها: 6
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
با CSS امکان پذیر هست
این روشی هست که به ذهن من رسیده، روش های بسیاری وجود داره...
کد: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 57</title>
<style type="text/css">
.div1 {
	border:0;
	width:auto;
	margin:0 auto;
	border-top:3px dotted green;

}	
</style>

</head>
<body>
		<div class="div1"></div>
</body>

</html>

با تغییر مقدار border، قطر آن تغییر می کند
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا