رفتن به مطلب
برای استفاده از انجمن و عضـویت کلیک کنید.

AnswerCenter

مرکز پاسخگویی به سوالات برنامه نویسی

  • مرجع پاسخگویی
  • تولید آموزش
  • سفارش پروژه

درخواست سفارش پروژه

اطلاعیه

کاربر گرامی

به انجمن برنامه نویسی AnswerCenter.ir خوش آمدید

 برای استفاده از تمامی امکانات سایت لطفا در انجمن عضو شوید


پست های پیشنهاد شده

Ermia    0

کاربر عادی

سلام و خسته نباشید، من درحال یادگیری طراحی وب و Html و css هستم. الان داشتم تمرین میکردم یک سوالی برام پیش اومد

چطور میتونم وقتی که به یک تگ توی style.css استایل دادم، توی index یک تگ جدید از همون نوع ایجاد کنم ولی اون استایل روش نیاد؟

برای مثال من برای تگ <a> توی style.css یه استایل تعریف کردم که به لینک ها Hover بده، حالا یه عکس رو لینک دار کردم ولی نمیخوام روش هاور بیاد.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
M-CAP7AIN    507

پاسخگو و راهنما

تو css بجای تگ <a> از id , class استفاده کنید

 

Html:
<a id="A101"></a>


CSS:
#A101 {

}

یا (تگ a با آی دی A101)

Html:
<a id="A101"></a>


CSS:
a#A101 {

}

 

  • تشکر 1

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
Ermia    0

کاربر عادی

خیلی خیلی از پاسخگوییتون ممنونم ولی متاسفانه برای من کار نرکرد :gerye:

 

این استایل تعریف شده برای a

a{
	color: #1438ff;
	font-size: 18px;
	text-decoration: none;
	font-family: tahoma;
	
}
a:hover {
	background: #000;
	color: #fff;
}
a:visited {
	color: #b942f4;
}
a:active {
	background: red;
	color: #fff;
}

 

اینم اون لینک مورد نظر و روشی که گفتید

html :

<a id="pic" href="#">
<img src="me.jpg" alt="ermia" title="ارمیا رجب زاده" width="200" height="220">
</a>



css :

a#pic {
	color: fff;
}

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
M-CAP7AIN    507

پاسخگو و راهنما

<html>

<style>
a#pic{
	color: #1438ff;
	font-size: 18px;
	text-decoration: none;
	font-family: tahoma;
	
}
a#pic:hover {
	background: #000;
	color: #fff;
}
a#pic:visited {
	color: #b942f4;
}
a#pic:active {
	background: red;
	color: #fff;
}
</style>



<body>
    <a id="pic" href="#">
        <img src="https://answercenter.ir/3.gif" alt="ermia" title="ارمیا رجب زاده" width="750" height="150">
    </a>


</body>
</html>

 

  • پسندیدن 1

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
M-CAP7AIN    507

پاسخگو و راهنما

<!DOCTYPE html>
<html>

<head>
	<link rel="stylesheet" type="text/css" href="istyle.css">
</head> 



<body>
    <a id="pic" href="#">
        <img src="https://answercenter.ir/3.gif" alt="ermia" title="ارمیا رجب زاده" width="750" height="150">
    </a>
</body>

</html>

 

  • پسندیدن 1

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به عنوان یک لینک به جای

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • جدید...